軸

軸はチャートの不可欠な部分です。これらは、データがどのようにグラフ上のピクセル値に割り当てられるかを決定するために使用されます。直交座標系では、点を2次元キャンバスにマッピングするために1つ以上のX軸と1つ以上のY軸があります。これらの軸は、'直交座標軸(cartesian axes)'として知られています。

レーダーチャートや鶏頭図などの放射状チャートには、角度方向と半径方向に点を割り当てる単一の軸があります。これらは放射軸(radial axes)として知られています。

バージョン2.0以降のChart.jsのスケールは大幅に強力ですが、バージョン1.0のスケールとは大きく異なります。

• 複数のX軸とY軸がサポートされています。
• 組み込みのラベルオートスキップ機能は、重なり合う目盛とラベルを検出し、n番目のラベルをすべて削除して、通常の表示を維持します。
• タイトルスケールがサポートされています。
• 全く新規にグラフ型を書くことなく、新しいスケールタイプを拡張することができます。

共通設定

次のプロパティは、Chart.jsによって提供されるすべての軸に共通です。

コールバック

更新プロセスのさまざまな時点で、スケールのパラメータを変更するために使用できる設定コールバックが多数あります。

軸初期値の更新

スケールの初期値の設定は、scaleServiceを使用して簡単に変更できます。設定の一部を渡せば、その設定は現在のスケール初期値とマージされ、新しい初期値となります。

たとえば、すべての線形スケールに対して最小値0を設定するには、次のようにします。この後に作成された線形スケールは、最小値が0になります。

Chart.scaleService.updateScaleDefaults('linear', {
    ticks: {
        min: 0
    }
});

新しい軸の作成

新しい軸を作成するには、開発者向けドキュメントを参照してください。