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

012をするアレイません

それ以外の場合は、各列/データ型ごとに1つの色が表示され、配列内に単一の色があるため、最初の列のみが各データ型に対応する色を持ちます。