2013-08-28 11 views
5

私は、積み重ねられたカラムを持つ素敵なHighchartsプロットを持っています。私は、積み重ねが「普通」か「パーセント」かを切り替えることができるボタンが好きです。ハイチャート - クリック時にカラムスタッキングを変更する

私は(動作しない)以下をしようとしている:ここ

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

フィドル:http://jsfiddle.net/CRKcj/2/

をすべてのヘルプははるかに高く評価されるだろう!

答えて

8

リアルタイムで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デモhereを。

+0

すばらしき、ありがとう! – tallphil