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

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

Answer 1

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

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

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

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

Answer 2

对我来说，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/