Charts.js - 多系列折线/条形图上堆积条的颜色不起作用

Question

我正在尝试为我正在创建的多系列堆叠条形图/折线图中的每个数据集实现不同的颜色。但是，我的堆叠条形图的颜色似乎无法正常工作。

以下是此问题的屏幕截图：

如您所见，我定义的颜色仅在第一个条形图中被拉出，而其他条形图仍为灰色。我该如何解决这个问题？

Here is a JS Bin of my chart.

Answer 1

这里是：

https://jsbin.com/sijowuruda/edit?html,js,output

问题在于这些颜色：

backgroundColor: ['rgba(71, 86, 119, 0.2)'],
borderColor: ['rgba(71, 86, 119, .8)']

需要是字符串而不是数组

backgroundColor: 'rgba(71, 86, 119, 0.2)',
borderColor: 'rgba(71, 86, 119, .8)'

否则，图表库将为每列/每种数据类型读取一种颜色，并且由于数组中只有一种颜色，因此只有第一列具有每种数据类型的对应颜色。