禁用系列高图的点击事件

时间:2014-12-03 14:07:26

标签: highcharts

我有一个多线系列高图,启用了markertip选项,显示所有系列的值。我想只为一个系列启用点击事件。系列的其余部分单击事件应该被禁用。 谢谢你的帮助

Ashok

1 个答案:

答案 0 :(得分:-1)

Highcharts允许您向图表对象添加自定义键值选项。 话虽如此,我们可以为我们想要允许点击的任何系列添加clickable键,并通过它来区分不可点击的系列:

series:[
{
      name: 'Tokyo',
      clickable:true,
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
},
{
   name: 'New York',
   data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
} ],

之后,我们可以使用plotOptions来捕捉系列点击事件(注意:从您的问题中我了解到您愿意使整个系列可点击(点之间的线也是如此))

    plotOptions:{
        series:{
            events:{
                click: function(e){
                     //do something
                }
            }
        }
    },

最后,我们只想为可点击的系列执行操作:

plotOptions:{
    series:{
        events:{
            click: function(e){
               if(e.point.series.options.clickable)
                   alert('Works for Tokyo Only')
            }
        }
    }
},

小提琴:http://jsfiddle.net/0tLh4ykg/1/