javascript - Highcharts - 单击时更改列堆叠

Question

我有一个带有堆叠列的可爱 Highcharts 情节。我想要一个可以切换堆叠是“正常”还是“百分比”的按钮。

我正在尝试以下（不起作用）：

  $('#button').click(function () {
        var chart = $('#container').highcharts();
        chart.options.plotOptions.column.stacking = 'percent';
        chart.redraw();
  });

在这里小提琴：http: //jsfiddle.net/CRKcj/2/

任何帮助将非常感激！

Answer 1

无法实时更改 plotOptions。相反，您可以更新每个系列的选项，例如：

$('#button').click(function () {
    var chart = $('#container').highcharts(),
        s = chart.series,
        sLen = s.length;

    for(var i =0; i < sLen; i++){
        s[i].update({
            stacking: 'percent'   
        }, false);   
    }
    chart.redraw();
});

Jsfiddle 演示在这里。