目前我有堆積條形圖像這樣(jsfiddle demo)HighCharts:堆的層疊條顯示百分比
我想改變堆疊,使得每個條被轉換成到的一個%總堆高度。例如,在蘋果堆棧中,我們目前有{3,2,5},總共爲10.
相反,我想顯示{30%,20%,50%}。當然,在將數據傳遞給HighCharts之前,我可以自己簡單地進行轉換,但我仍想將原始數字{3,2,5}顯示爲條形標籤(以紅色顯示)。
目前我有堆積條形圖像這樣(jsfiddle demo)HighCharts:堆的層疊條顯示百分比
我想改變堆疊,使得每個條被轉換成到的一個%總堆高度。例如,在蘋果堆棧中,我們目前有{3,2,5},總共爲10.
相反,我想顯示{30%,20%,50%}。當然,在將數據傳遞給HighCharts之前,我可以自己簡單地進行轉換,但我仍想將原始數字{3,2,5}顯示爲條形標籤(以紅色顯示)。
只需將plotOptions.column.stacking
屬性更改爲percent
即可。
查看HighCharts' plotOptions.column.stacking
documentation中的更多信息和演示。
試試這個代碼在你的選擇:
plotOptions: {
series: {
stacking: 'percent'
}
}
完美,我知道必須有一個選擇的地方:) – 2012-04-05 14:46:06
你可以這樣做動態?讓javascript更改chart.options.plotOptions.column.stacking =「percent」,然後以某種方式更新圖表,以便以前具有正常堆疊的圖表現在顯示百分比堆疊? – Bjorn 2012-12-09 20:49:24
嘗試這樣做,然後用chart.redraw()重畫圖表...沒有運氣 – Bjorn 2012-12-09 20:51:22