直線デカルト軸

リニアスケールは数値データをグラフ化するために使用されます。 X 軸または Y 軸のいずれかに配置できます。散布図タイプでは、これらの目盛のいずれかを X 軸に使用するように折れ線グラフが自動的に構成されます。名前が示すように、線形補間は、値が軸上のどこにあるかを決定するために使用されます。

設定オプションにチェックマークを付けます

リニアスケールでは次のオプションが提供されます。それらはすべて次の場所にあります。ticksサブオプション。これらのオプションにより、一般的なティック設定。

軸範囲の設定

軸範囲設定の数を考慮すると、それらすべてがどのように相互作用するかを理解することが重要です。

のsuggestedMaxとsuggestedMin設定は、軸のスケールに使用されるデータ値のみを変更します。これらは、自動フィット動作を維持しながら軸の範囲を拡張するのに役立ちます。

let minDataValue = Math.min(mostNegativeValue, options.ticks.suggestedMin);
let maxDataValue = Math.max(mostPositiveValue, options.ticks.suggestedMax);

この例では、正の最大値は 50 ですが、データの最大値は 100 まで拡張されます。ただし、最小データ値は 100 を下回っているため、suggestedMin設定しても無視されます。

let chart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            label: 'First dataset',
            data: [0, 20, 40, 50]
        }],
        labels: ['January', 'February', 'March', 'April']
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    suggestedMin: 50,
                    suggestedMax: 100
                }
            }]
        }
    }
});

とは対照的に、suggested*設定、minとmax設定により、軸に明示的な終端が設定されます。これらを設定すると、一部のデータ ポイントが表示されなくなる場合があります。

刻み幅

設定されている場合、スケール ティックは次の倍数で列挙されます。stepSize、増分ごとに 1 ティックになります。設定されていない場合、ティックには Nice Number アルゴリズムを使用して自動的にラベルが付けられます。

この例では、目盛りを作成する y 軸を持つグラフを設定します。0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5。

let options = {
    scales: {
        yAxes: [{
            ticks: {
                max: 5,
                min: 0,
                stepSize: 0.5
            }
        }]
    }
};