高图传奇的反向功能

Question

我想知道是否有任何方法可以改变图表中显示的图例的功能.

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

对于此示例,当您单击"John"时,可能是选中的选项并且未选择所有其他选项.

现在,如果单击"John",它将取消选择该选项.所以我基本上想要反转它的默认功能.

还可以在图例末尾添加"全部显示"选项吗？

Answer 1

要在图例末尾创建"全部显示"选项,您可以添加一个带有该名称的空系列,如下所示:

series: [{
    // ...
}, { 
    name: 'Show All' 
}]

然后,为了反转图例功能,您可以使用该legendItemClick事件,同时检查虚拟系列的点击次数,例如:

plotOptions: {
    series: {
        events: {
            legendItemClick: function(event) {
                var s = this.chart.series;
                for(i = 0; i < s.length; i++) {
                    if(this.name == 'Show All' || this == s[i])
                        s[i].setVisible(true);
                    else
                        s[i].setVisible(false);
                }
                return false;
            }
        }
    }
}

使用您的初始演示查看此JSFiddle演示.