gpt4 book ai didi

javascript - 如何纠正 Highcharts 中的鼠标事件

转载 作者:行者123 更新时间:2023-11-30 05:37:49 24 4
gpt4 key购买 nike

我正在尝试绘制 y 轴反转的 xy 线并且我正在绘制但是 mouse event 我无法更正它它显示反向事件,我想找到 min 和自动混合轴如何做到这一点?以及如何将 x 轴置于顶部?

这是我的代码:

JS

$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'xy',
marginLeft: 50,
marginBottom: 90
},

// How to get minmax automatically zooming is a issue
// reverse is true
yAxis: {
reversed: true,
min:0,max:50
},
plotOptions: {
series: {
stacking: 'normal'
}
},

series: [
{
name: '01-Jan-2014',
data: [[30,0],[28,10]]
}
]
});
});

HTML

  <script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

这是一个JS Fiddle .

是否可以在系列中传递字符串?可能是我的问题很愚蠢请告诉我它是否可能,如下所示我很感兴趣

   string mystring = "{
name: '01-Jan-2014',
data: [[28, 10],[30, 0]]
},
{
name: '01-Jan-2014',
data: [[28, 10],[30, 0]]
}"

在代码的系列部分,我想像下面那样做

                 series: [ 
mystring
]

此数组的预期输出,按 y 轴排序 GOOD PATTERN - Fiddle但是鼠标移动不起作用

data:[
[ 25.290,1.000 ],
[ 25.240,2.000 ],
[ 25.210,3.000 ],
[ 25.190,4.000 ],
[ 25.180,5.000 ],
[ 25.170,6.000 ],
[ 25.160,7.000 ],
[ 25.310,8.000 ],
[ 25.210,9.000 ],
[ 25.170,10.000 ],
[ 25.160,11.000 ],
[ 25.160,12.000 ],
[ 25.150,13.000 ],
]

这里我对 xaxis 进行了排序 - 鼠标事件没问题,但绘图模式(线)不是我期望的 BAD PATTERN - Fiddle

   data:[
[ 25.150,13.000 ],
[ 25.160,12.000 ],
[ 25.160,11.000 ],
[ 25.160,7.000 ],
[ 25.170,6.000 ],
[ 25.170,10.000 ],
[ 25.180,5.000 ],
[ 25.190,4.000 ],
[ 25.210,9.000 ],
[ 25.210,3.000 ],
[ 25.240,2.000 ],
[ 25.290,1.000 ],
[ 25.310,8.000 ],
]

最佳答案

答案:

  • 您在 JS 控制台中有错误 - 修复它们(按 x 值升序排序数据!)
  • 要设置最小值和最大值,不要设置任何东西,Highcharts 会计算极值
  • 要在顶部显示 xAxis,请设置 opposite: true

演示:http://jsfiddle.net/2xLvY/1/

var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'xy',
marginLeft: 50,
marginBottom: 90
},

yAxis: {
reversed: true,
//min: 0,
//max: 50
},
plotOptions: {
series: {
stacking: 'normal'
}
},
xAxis: {
opposite: true
},
series: [{
name: '01-Jan-2014',
data: [
// NOTE: proper order, first x-value is lower that second
[28, 10],
[30, 0]
]
}]
});

关于javascript - 如何纠正 Highcharts 中的鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22524584/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com