HighCharts:堆叠条显示堆栈的百分比

时间:2012-04-05 14:25:13

标签: javascript highcharts

目前我有一个像这样的堆积条形图(jsfiddle demo

enter image description here

我想更改堆栈,以便将每个条形转换为总堆栈高度的百分比。例如,在Apples堆栈中,我们目前有{3,2,5},总共10个。

相反,我希望显示{30%,20%,50%}。当然,我可以在将数据传递给HighCharts之前自行完成转换,但我仍然希望将原始数字{3,2,5}显示为条形标签(上面的红色)。

2 个答案:

答案 0 :(得分:6)

只需将plotOptions.column.stacking属性更改为percent

HighCharts' plotOptions.column.stacking documentation

中查看更多信息和演示

答案 1 :(得分:3)

在您的选项中尝试此代码:

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