jQuery技术:如何在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 ], ] 

回答:

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

需要了解更多jQuery教程分享如何在Highcharts中更正鼠标事件,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

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

以上就是jQuery教程分享如何在Highcharts中更正鼠标事件相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/jquerytutorial/982759.html

(0)
上一篇 2021年12月13日
下一篇 2021年12月13日

精彩推荐