インストール

Chart.jsは、npmまたはbower経由でインストールできます。 この方法でChart.jsを取得することをお勧めします。

npm

npm install chart.js --save

Bower

bower install chart.js --save

CDN

CDNJS

Chart.jsで作成されたファイルは、CDNJSで入手できます。

https://cdnjs.com/libraries/Chart.js

jsDelivr

Chart.jsでビルドされたファイルは、jsDelivrからも入手できます。

https://www.jsdelivr.com/package/npm/chart.js?path=dist

Github

Chart.js on GitHubの最新バージョンをダウンロードできます。

リポジトリをダウンロードまたは複製(clone)する場合は、Chart.jsをビルドして、distファイルを生成する必要があります。 Chart.jsにはリリースバージョンがあらかじめ組み込まれていないので、リポジトリをダウンロードする以外の方法を強く推奨します。

適切なビルドの選択

Chart.jsには、「スタンドアロン版」と「バンドル版」の二つのビルドが用意されています。

スタンドアロン版

ファイル:

• dist/Chart.js
• dist/Chart.min.js

このビルドにはChart.jsとカラー構文解析ライブラリが含まれています。このバージョンを使用する場合で、時間軸を利用する場合は、Chart.jsの前にMoment.jsをインクルードする必要があります。

バンドル版

ファイル:

• dist/Chart.bundle.js
• dist/Chart.bundle.min.js

バンドル版には、Moment.jsも含まれています。時間軸を利用したい場合で、インクルードは1つのファイルで済ませたい場合は、このバージョンを使用すべきです。アプリケーションに既にMoment.jsが含まれている場合は、このビルドを使用すべきではありません。そうしてしまうとMoment.jsが2回読み込まれてしまい、ページの読み込み時間が長くなり、バージョンの互換性問題が発生するおそれがあります。Chart.jsのバンドル版に含まれているMoment.jsのバージョンはChart.js用のものですので、Moment.jsを別のところでも使用したい場合には、Moment.jsを単体でインクルードして、Chart.jsは非バンドル版を使用することをおすすめします。