如何修改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/