Labeling

チャートを生成する際に、閲覧者にどのデータを表示しているかを示したい場合、 軸にラベルを設定する必要があります。

スケールタイトル設定

スケールタイトルの設定は、スケール設定のscaleLabelオプションのサブオプションです。 スケールタイトルのオプションを定義します。 これはデカルト軸にのみ適用されることに注意してください。

カスタム目盛線フォーマットの定義

一般的に、データの種類によって目盛に情報を付与したい場合があります。 例えば、金額に付けるドルマーク('$')です。 これを設定するには、軸設定のticks.callbackメソッドを上書きする必要があります。 以下の例では、Y軸の全てのラベルの先頭にドルマーク('$')を付与します。

コールバックがnullまたはundefinedを返す場合、 関連のグリッドラインは非表示になります。

var chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    // 目盛にドルマークを付与する
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }]
        }
    }
});

コールバックに渡される3番目の引数はラベルの配列です。 ただし、時間軸の場合は{label: string, major: boolean}オブジェクトの配列です。