線形軸(linear)

リニア(線形)スケールは、数値データのチャートに使用されます。 名前が示すように、線形補間を使って、値が軸の中心からどの位置にあるかを決定します。

ラジアルリニアスケールでは以下のオプションがあります。

設定オプション

軸には目盛線、アングルライン(レーダーチャートで中心から外側に表示される線)、 pointLabels(レーダーチャートの端に表示されるラベル)のプロパティがあります。 以下のセクションで、それぞれのプロパティを定義します。

目盛線設定

リニアスケールには、以下のオプションがあります。 これらのオプションは、全てticksオプションのサブオプションです。 この軸では共通目盛線設定がサポートされています。

範囲設定

軸の範囲設定が複数指定された場合に、 それぞれの値が互いにどう作用するか理解することが重要です。

suggestedMaxとsuggestedMinは、 軸をスケールするために、データのみを変更します。 これらは、自動で軸範囲を変更するに便利です。

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

以下の例では、データの最大値は50ですが、最大値を100まで拡張します。 しかし、最小値はsuggestedMinの値よりも小さいので、無視されます。

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

suggested～とは対象的に、 min、maxでは軸の終端が明示的に設定されます。 これらが設定されると、一部のデータが表示されない場合があります。

ステップサイズ

stepSizeが設定されている場合、 目盛線はstepSizeの倍数で列挙されます。 stepSizeが設定されていない場合、 適切なアルゴリズムを使って自動的に目盛線を表示します。

以下の例では、0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5に目盛線を生成するY軸チャートを設定しています。

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

アングルライン設定

以下のオプションを使って、チャートの中心点から放射状に広がる斜線(アングルライン)を設定します。 これらはangleLineオプションのサブオプションです。 これらのオプションは、angleLines.displayにtureを指定している場合にのみ適用されることに注意してください。

ポイントラベル設定

以下のオプションは、スケールの周りに表示されるラベル(ポイントラベル)を設定するために使用します。 これらはpointLabelsオプションのサブオプションです。 これらのオプションは、pointLabels.displayにtureを指定している場合にのみ適用されることに注意してください。