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)'

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