javascript - 在 legendItemClick 百分比堆叠列 Highcharts 中禁用百分比堆叠

Question

我有一个来自 highcharts 的百分比堆积柱形图。单击图例项时，默认情况下该系列应该隐藏。但除了隐藏该系列外，它还通过将另一个系列设为 100% 来重绘图表，理想情况下它不应该影响其他系列的 y 值并使用其原始 y 值而不是 100% 重绘。这里的演示链接:http://jsfiddle.net/kanz3/

plotOptions: {
    series: {
        events: {
            legendItemClick: function(event) {
            var visibility = this.visible ? 'visible' : 'hidden';     
            //chart.series.stacking='normal'
            }
        },
        stacking: 'percent'
    }
}

Answer 1

一种方法是将系列数据重新计算为百分比，然后使用 stacking: stacked 绘制它们。有点麻烦，但计算每对的百分比应该不会太难。

 plotOptions: {
        series: {
            events: {
                legendItemClick: function(event) {
                    //console.log(this);
                    var visibility = this.visible ? 'visible' : 'hidden';
                    //this.stacking= 'normal'
                    //chart.series.yaxis.max = 70;
                 // console.log(chart);
                    //chart.redraw = false;          
                 //chart.series.stacking='normal'
                   // chart.type='line'
                }
            },
            stacking: 'stacked'
        }
    },

    series: [{
        data: [50,50,50,50]        
    },
            {
        data: [50,50,50,50]        
    }]

http://jsfiddle.net/2bWMC/