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

【问题标题】：Horizontal stacked bar chart with chart.js带有 chart.js 的水平堆积条形图
【发布时间】：2020-09-22 19:07:30
【问题描述】：

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

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

有人知道如何实现吗？

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：