javascript - 如何使 highcharts 中的系列在光标之间切换

Question

嗨，我对 highcharts 和 jquery 总体来说还很陌生，我想知道是否有办法在数据表中的系列点上的游标之间进行切换。

例如，对于我的应用程序，我不希望用户单击某些系列，但我确实希望他们单击​​其他系列

这是某人发布的一个 fiddle ，我想知道是否可以创建一个像“click”中一样的函数，如果设置了“this.options”中的参数，该函数将在指针之间切换

http://jsfiddle.net/287JP/2/

$(function () {
         $('#container').highcharts({
             chart: {},
             xAxis: {
                 minPadding: 0.05,
                 maxPadding: 0.05
             },

             series: [{
                 data: [{
                     x: 0,
                     y: 29.9,
                     url: 'http://www.google.com'
                 }, {
                     x: 1,
                     y: 71.5,
                     url: 'http://www.yahoo.com'
                 }]
             }],


             plotOptions: {
                 series: {
                     cursor: 'pointer',
                     point: {
                         events: {
                             click: function () {
                                 var url = this.options.url;
                                 window.open(url);
                             }
                         }
                     },
                 }
             },
         });
     });

有没有办法做类似的事情

cursor: function() {
  if(this.options.clickable) {
    'pointer'
  } else {
    'default'
  }
}

谢谢

Answer 1

这可能是通过在创建后修改图表的属性(例如在回调中)来实现的。看这个post 。你会做类似的事情:

$.each(chart.series[0].data,function(i,point){
    if(point.options.cursorEnabled){ 
        point.graphic.attr({
            cursor:'pointer'
        });
    }
});