선형 직교 축

선형 스케일은 숫자 데이터를 차트로 만드는데 사용됩니다. x 또는 y 축 어디에도 위치할 수 있습니다. 도표 차트 유형은 x 축에 대해 이러한 스케일 중 하나를 사용하도록 선형 차트를 자동으로 설정합니다. 이름에서 알 수 있듯이 선형 삽입은 값이 축에 있는 위치를 결정하는데 사용됩니다.

눈금 설정 옵션

다음의 옵션들은 선형 스케일에 의해 제공됩니다. 모두 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: '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의 배수로 열거됩니다. 만약 설정되지 않았다면, 눈금은 nice numbers 알고리즘을 사용하여 자동으로 라벨이 지정됩니다.

이 예시는 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
            }
        }]
    }
};