2013-08-28 14 views
5

Ho una bella trama Highcharts con colonne sovrapposte. Mi piacerebbe un pulsante che può cambiare se l'impilamento è 'normale' o 'percentuale'.Highcharts - modifica impilamento colonna al clic

Sto cercando la seguente (che non funziona):

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

Fiddle qui: http://jsfiddle.net/CRKcj/2/

Qualsiasi aiuto sarebbe molto apprezzato!

risposta

8

Non è possibile modificare le opzioni di stampa in tempo reale. Invece è possibile aggiornare le opzioni per ogni serie, invece, ad esempio:

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

+0

Incredibile, grazie! – tallphil