小编Igo*_*mov的帖子

默认情况下,Highcharts允许您单击数据系列集以隐藏/取消隐藏它.

一种更有用的方法是执行反向逻辑 - 即仅显示所选系列并隐藏/取消隐藏未选择的系列.

看一下这里的例子(http://jsfiddle.net/t2MxW/14/),很明显可以"拦截"'legendItemClick'事件,我只是不确定如何实现require逻辑

可以替换以下脚本以获得3个数据集.

期望的场景:能够点击'苹果'并显示/隐藏'梨'和'橙子'.

================= PASTE START =============================== ========

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    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;
                    }
                }
            }
        }
    },

    series:[{name: …