組み込む

Chart.jsは、プレーンなJavaScriptやモジュールローダーへ組み込むことができます。 以下の例は、それぞれの環境でChart.jsを読み込む方法を示しています。

Scriptタグ

<script src="path/to/chartjs/dist/Chart.js"></script>
<script>
    var myChart = new Chart(ctx, {...});
</script>

Webpack

import Chart from 'chart.js';
var myChart = new Chart(ctx, {...});

Common JS

var Chart = require('chart.js');
var myChart = new Chart(ctx, {...});

Require JS

require(['path/to/chartjs/dist/Chart.js'], function(Chart){
    var myChart = new Chart(ctx, {...});
});

重要: RequireJSはCommonJSモジュールをそのまま読み込むことはできませんので、代わりにUMD(訳注: Universal Module Definition)ファイル（つまり dist/Chart.js、dist/Chart.min.jsなど）を使用します。