javascript - 如何修改highcharts legend item的点击事件？

Question

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

Answer 1

您必须像下面的代码那样使用legendItemClick 回调

plotOptions: {
        line: {

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

这里是 working fiddle当您点击东京等图例然后隐藏东京线时，它会显示警报。

另见 plotOptions documentation对于有问题的事件。根据您使用的图表类型，您需要放置它的位置可能会有所不同。