带有 chart.js 的水平堆积条形图

Question

我试图找出是否有任何插件可以使用 chart.js 制作水平堆叠条形图

我看到有用于堆叠条形图和水平条形图的插件，但我没有找到将两者结合的插件。

https://github.com/Regaddi/Chart.StackedBar.js

有谁知道如何实现这一目标？

Answer 1

我知道这已经有几个月了，但我想我会为后代添加我的答案。

我可以不用额外的插件。 如果在比例尺下将 xAxes 和 yAxes 设置为 stacked:true，则可以创建堆叠水平图。

scales: {
     xAxes: [{
          stacked: true,
     }],
     yAxes: [{
          stacked: true
     }]
}

这里有一支快速笔来展示我是如何做到的。 http://codepen.io/jamiecalder/pen/NrROeB

奖励：包括在图表上显示值的代码

Answer 2

看看叉 ChartNew.js ( https://github.com/FVANCOP/ChartNew.js )。 这有 Horizo​​ntalStackedBars（以及许多其他附加功能）。 请参阅https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs了解其外观。