使用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

看看fork ChartNew.js (https://github.com/FVANCOP/ChartNew.js)。它有HorizontalStackedBars (和许多其他附加功能)。要了解它的外观，请参阅https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs。