레이더

레이더 차트는 여러 데이터 지점들과 그들 사이의 변화를 보여주는 방법입니다.

They are often useful for comparing the points of two or more different data sets.

사용 예시

var myRadarChart = new Chart(ctx, {
    type: 'radar',
    data: data,
    options: options
});

데이터집합 속성들

레이더 차트는 각 데이터집합에 대해 속성들을 특장할 수 있습니다. 특정 데이터집합에 대한 속성들을 보여줄 때 사용됩니다. 예를 들어, 선의 색상은 일반적으로 이 방법으로 설정됩니다.

일반적 속성들

포인트 스타일링

각 포인트의 스타일은 다음의 속성들로 제어할 수 있습니다:

이 모든 값들이 만약 undefined이면, 첫번째 데이터집합의 옵션으로 대체된 다음 연관된 elements.point.* 옵션으로 대채됩니다.

선 스타일링

선의 스타일은 다음의 속성들로 제어할 수 있습니다:

값이 undefined이면, spanGaps은 차트 설정 옵션으로 대체됩니다. 남은 값들은 연관된elements.line.* 옵션으로 대체됩니다.

상호작용

각 포인트에 대한 상호작용은 다음의 속성들로 제어할 수 있습니다:

설정 옵션

레이더 차트는 다음의 설정 옵션들로 정의합니다. 이 옵션들은 차트를 형성하는 옵션인 Chart.defaults.global 전역 차트 설정 옵션과 합쳐집니다.

확장 옵션

레이더 차트는 단일 확장만 지원합니다. 이 확장에 대한 옵션들은 선형 근축 페이지에서 참조할 수 있는 scale 속성에 정의됩니다.

options = {
    scale: {
        angleLines: {
            display: false
        },
        ticks: {
            suggestedMin: 50,
            suggestedMax: 100
        }
    }
};

기본 옵션

일반적으로 생성된 모든 레이더 차트에 대해 적용되는 설정입니다. 전역 레이더 차트 설정은 Chart.defaults.radar에 저장되어 있습니다. 전역 옵션이 변경된 것은 변경된 이후에 생성된 차트에게만 영향을 미칩니다. 존재하던 차트들은 변하지 않습니다.

데이터 구조

레이더 차트에 대한 데이터집합의 data 속성은 숫자 배열로 지정됩니다. 데이터 배열의 각 포인트는 같은 인덱스의 라벨과 연결됩니다.

data: [20, 10]

레이더 차트에 대해, 각 포인트가 무엇을 의미하는지 맥락을 제공하는 것은, 각 차트 포인트 주변을 보여주는 문자열 배열에 포함됩니다.

data: {
    labels: ['Running', 'Swimming', 'Eating', 'Cycling'],
    datasets: [{
        data: [20, 10, 4, 2]
    }]
}