与chart.js的水平的被堆积的长条图

Question

我试图找出是否有任何插件用chart.js做水平堆积条形图

我看到有堆积条形图和水平条形图的插件，但我找不到两者兼而有之。

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

任何人都知道如何实现这一目标？

Answer 1

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

我没有额外的插件就能做到。如果在比例下将xAxes和yAxes设置为堆叠：true，则可以创建堆叠的水平图形。

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

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

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

Answer 2

看看fork ChartNew.js（https://github.com/FVANCOP/ChartNew.js）。这有Horizo​​ntalStackedBars（和许多其他添加）。请参阅https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs了解它的外观。