如何使用chart.js在条形图中绘制多个颜色条

Question

我可以使用chart.js绘制正常条形图。 但是我想画一个如下的条形图。

我已经阅读了chart.js的文档，但无济于事，也在互联网上进行了广泛搜索，但无法找到一个提示。几乎所有问题都会导致条形图中出现多个颜色条。

Answer 1

最后我找到了问题的答案。 我想要叠加条形图。

这是答案。

Horizontal stacked bar chart with chart.js

PS：我自己测试了答案，但效果非常好。

Answer 2

您可以通过stacked选项实现此目的。

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