如何修改highcharts的图例项目点击事件?

我需要修改highcharts图例项目上的点击事件。 Highcharts演示http://www.highcharts.com/demo/line-basic 。 我想举个例子:第一个动作是一些警报,第二个动作默认是动作(从图表清洁东京线)。 谢谢。 对不起,如果问题不干净。

您必须使用legendItemClickcallback,如下面的代码

 plotOptions: { line: { events: { legendItemClick: function () { alert('I am an alert'); //return false; // <== returning false will cancel the default action } } , showInLegend: true } } 

这里是工作小提琴 ,当你点击东京的传说,然后隐藏东京线,显示警报。

请参阅相关事件的plotOptions文档 。 您需要放置的位置可能因所使用的图表types而异。

对我来说,legendItemClick事件必须是系列,而不是线。 例如:

 plotOptions: { series: { events: { legendItemClick: function(event) { var visibility = this.visible ? 'visible' : 'hidden'; if (!confirm('The series is currently '+ visibility +'. Do you want to change that?')) { return false; } } } } }, 

来自Highcharts的示例: http : //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/