javascript - Highcharts - change column stacking on click -

i have lovely highcharts plot stacked columns. i'd button can toggle whether stacking 'normal' or 'percent'.

i'm trying following (which doesn't work):

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

fiddle here: http://jsfiddle.net/crkcj/2/

any appreciated!

it's not possible change plotoptions in real time. instead can update options each series instead, example:

$('#button').click(function () {     var chart = $('#container').highcharts(),         s = chart.series,         slen = s.length;      for(var =0; < slen; i++){         s[i].update({             stacking: 'percent'            }, false);        }     chart.redraw(); }); 

jsfiddle demo here.