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

Question

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

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

Answer 1

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

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

Answer 2

最后我找到了我的问题的答案。 我想堆积条形图。

这是答案。

Horizontal stacked bar chart with chart.js

PS：我已经测试自己的答案和它的作品完美的罚款。