「Chart.js」を使って簡単！グラフサンプル７種と設定方法

「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど多彩なグラフを好きな色に設定して表示する事が出来ます。
それらを組み合わせた混合チャートも可能です。

様々なグラフのサンプルは公式サイトで見る事が出来ます。

Chart.js（公式サイト）
Chart.js ドキュメント

グラフサンプル

• type：描画するグラフの種類
• data：ラベルとデータセット
• options：オプション設定

グラフの種類は「type」で指定します。

それぞれの設定方法は以下の表内リンクより。