2016-09-16 12 views
1

作成している複数の積み重ね棒グラフ/折れ線グラフの各データセットに異なる色を実装しようとしています。しかし、積み重ねられた棒グラフの色が適切に機能しているようには見えません。ここでCharts.js - 複数系列線/棒グラフの積み重ね棒の色が正しく表示されない

は、この問題のスクリーンショットです: issue with stacked bar chart colors not working properly

あなたが見ることができるように、私が定義した色のみ最初のバーのためを通じて引っ張られており、他のバーがまだ灰色です。これをどうすれば解決できますか?

Here is a JS Bin of my chart.

答えて

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つの色が表示され、配列内に単一の色があるため、最初の列のみが各データ型に対応する色を持ちます。

+0

これは完全に機能しました。素晴らしいキャッチ。ありがとうございました! – Liz

+0

あなたは大歓迎です! – Sergiu

関連する問題