神戸学院大学 経営学部 林坂ゼミ

公開資料

Chart.js

Chart.js は Javascript でグラフ(チャート)を描画するためのライブラリです.ここでは Chart.js を使って,Web ページ上でグラフを描画する方法について説明します.

オリジナルサイト (https://www.chartjs.org/) にはドキュメント様々なサンプルが掲載されています.次のページからは折れ線グラフと縦棒グラフの作成方法を概観します.この内容を理解できたら,その後はドキュメントを読んで様々なグラフを作成することができるようになるでしょう.なお,2026年1月時点での最新バージョンは 4.5.1 です.バージョン2系,3系から変更点も多くあることから,どのバージョンを利用しているかについて注意が必要です.

目次

  1. 折れ線グラフ
  2. 縦棒グラフ
  3. 複数のグラフを1ページに表示する