javascript - HighCharts：堆积条显示堆栈的百分比

Question

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

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

相反，我想显示 {30%, 20%, 50%}。当然，我可以在将数据传递给 HighCharts 之前自己简单地进行转换，但我仍想将原始数字 {3, 2, 5} 显示为条形标签（上面的红色）。

Answer 1

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

查看HighChartsplotOptions.column.stacking文档中的更多信息和演示。

Answer 2

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

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