如何在Highcharts中更正鼠标事件

我试图绘制xy线，其中y轴反转，我正在绘制但是mouse event我无法纠正它显示反向事件，我想找到min和mix的轴自动如何做到这一点？ 以及如何将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

这是一个JS小提琴 。

是否可以在系列内传递字符串？ 可能是我的问题很傻，请告诉我是否可能，如下我感兴趣 

  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 – 小提琴但鼠标移动不起作用 

 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] ] }] });
Interesting Posts