Chart.jsでグラデーションのかかったグラフを実装する

Chart.jsでグラデーションのかかったグラフを実装する

今回は、円グラフや棒グラフなど様々なグラフをjsで書くことができるChart.jsを使って、グラデーションのかかった折れ線グラフを実装するサンプルコードを紹介します。

サンプルコード

See the Pen vrQxNL by mizusawa (@webty_mizusawa) on CodePen.

html


js


addColorStopの辺りをいじれば、グラデーションの具合などを変更することができます。