javascript - Highcharts - change column stacking on click - Stack Overflow

admin管理员组

文章数量:1335357

I have a lovely Highcharts plot with stacked columns. I'd like a button which can toggle whether the stacking is 'normal' or 'percent'.

I'm trying the following (which doesn't work):

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

Fiddle here: /

Any help would be much appreciated!

I have a lovely Highcharts plot with stacked columns. I'd like a button which can toggle whether the stacking is 'normal' or 'percent'.

I'm trying the following (which doesn't work):

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

Fiddle here: http://jsfiddle/CRKcj/2/

Any help would be much appreciated!

• javascript
• jquery
• highcharts

Share Improve this question Follow edited Aug 28, 2013 at 11:19 Arturs 1,25855 gold badges2121 silver badges2828 bronze badges asked Aug 28, 2013 at 10:54 ewelsewels 51322 gold badges77 silver badges2222 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

It's not possible to change plotOptions in real time. Instead you can update options for each series instead, for example:

$('#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 demo here.

本文标签： javascriptHighchartschange column stacking on clickStack Overflow