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

Question

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

Answer 1

您必须使用legendItemClick 类似以下代码的回调

plotOptions: {
        line: {

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

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

另请参阅有关事件的plotOptions文档.您需要放置的位置可能因您使用的图表类型而异.

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/