chartjsの色を変更する方法を知りたいです。

Question

目的

chartjsの色を変更したい。
（現在 灰色から 薄いピンクにしたい）

参考URL
http://central02.com

            datasets: [{
                label: "My First dataset",
                fillColor: 'rgba(255,211,225,0.5)',//塗りつぶす色
                strokeColor: 'rgba(225,211,225,0.5)',//線の色0
                //backgroundColor: 'rgb(255, 211, 225)',
                borderColor: 'rgb(255, 99, 132)',
                data: [0, 10, 5, 2, 20, 30, 45],
                //data: {{ data }},
            }]

上記URLの灰色になっている部分を薄いピンクにしたいのですが、datasetsにどのように記述すればいいのかわからず困っております。

fillColor
strokeColor
にともに薄いピンクを指定いるのですが、灰色になってしまいます。

上記ソースのどこに原因があるのかおわかりになる方がいらっしゃいましたら教えて頂けませんでしょうか？

Comments

[tkturbo]

参考URLがデッドリンクです。

[EzrealTrueshot]

すみません。プロセスが死んでいたので復活させました。

Answer 1

fillColor: 'rgba(255,211,225,0.5)',//塗りつぶす色
strokeColor: 'rgba(225,211,225,0.5)',//線の色0
backgroundColor : 'rgba(255,211,225,0.5)',//塗りつぶす色

「backgroundColor」のプロパティを追加してください。

Comments

[EzrealTrueshot]

ありがとうございます！無事に表示することができました。
backgroundColor : 'rgba(255,211,225,0.5)'

こちらだけで表示させることができました。
ありがとうございます。

[tkturbo]

fillColor、strokeColorというのは折れ線グラフを表示する時のプロパティになかったと思います。
http://www.chartjs.org/docs/latest/charts/line.html