2012-04-05 13 views
1

の割合は現在、私はこの(jsfiddle demo)のように積み上げ棒グラフを持って示してHighCharts:スタックバーは、スタック

enter image description here

私は、各バーがの%にに変換されるように、スタックを変更したいです総スタック高さ。たとえば、Appleのスタックでは、合計で{3、2、5}があります。

代わりに{30%、20%、50%}を表示します。もちろん、データをHighChartsに渡す前に変換を自分で行うこともできますが、生の数字{3、2、5}を棒のラベル(赤の上に)として表示します。

答えて

5

plotOptions.column.stackingプロパティをpercentに変更するだけです。

HighCharts' plotOptions.column.stacking documentationで詳細とデモを確認してください。

+0

完璧な、私はそこに知っていたどこかのオプション:) –

+0

あなたはこれを動的に行うことができなければなりませんでしたか? javascriptでchart.options.plotOptions.column.stacking = "percent"を変更してから、以前に通常のスタッキングを行っていたチャートにスタッキング率が表示されるようにチャートを更新しますか? – Bjorn

+0

これを試してから、chart.redraw()... no luck – Bjorn

3

はあなたのオプションでこのコードを試してみてください。

plotOptions: { 
    series: { 
     stacking: 'percent' 
    } 
}