如何修改highcharts传说项目的单击事件?(How to modify highcharts

2019-06-24 11:35发布

我需要在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/



文章来源: How to modify highcharts legend item click event?