Chart.jsできれいなグラフを描きたいことってありますよね？
この記事では、JavascriptのグラフライブラリのChart.jsを使って、棒グラフを描くデモを紹介します。
Chart.jsを使うと、次のような棒グラフを描くことができます。
【Chart.js】棒グラフのシンプルなデモ
See the Pen Demo Chart.js Bar Chart by Masa (@Tekuzo) on CodePen.
例えば、上記の棒グラフにマウスオーバーすると、ツールチップ表示を確認できます。
またよろしければ、ご自身で上記のコードを書き換えて、Chart.jsでの色々なグラフ描画を試してみてください。
まとめ
この記事では、Chart.jsを使って棒グラフのシンプルなデモを紹介しました。
みなさんも、Chart.jsで、ご自身の身の回りのデータをグラフにしてみてはどうでしょうか。
最後まで読んでいただき、ありがとうございます。
また、お会いしましょう。