2012-04-05 83 views
1

目前我有堆積條形圖像這樣(jsfiddle demoHighCharts:堆的層疊條顯示百分比

enter image description here

我想改變堆疊,使得每個條被轉換成到的一個%總堆高度。例如,在蘋果堆棧中,我們目前有{3,2,5},總共爲10.

相反,我想顯示{30%,20%,50%}。當然,在將數據傳遞給HighCharts之前,我可以自己簡單地進行轉換,但我仍想將原始數字{3,2,5}顯示爲條形標籤(以紅色顯示)。

回答

5

只需將plotOptions.column.stacking屬性更改爲percent即可。

查看HighCharts' plotOptions.column.stacking documentation中的更多信息和演示。

+0

完美,我知道必須有一個選擇的地方:) – 2012-04-05 14:46:06

+0

你可以這樣做動態?讓javascript更改chart.options.plotOptions.column.stacking =「percent」,然後以某種方式更新圖表,以便以前具有正常堆疊的圖表現在顯示百分比堆疊? – Bjorn 2012-12-09 20:49:24

+0

嘗試這樣做,然後用chart.redraw()重畫圖表...沒有運氣 – Bjorn 2012-12-09 20:51:22

3

試試這個代碼在你的選擇:

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