영역 차트

선형 과 레이더형 차트는 모두 두 데이터집합 또는 데이터집합과 경계 사이의 영역을 만드는데 사용할 수 있는 데이터집합 객체의 fill 옵션을 지원합니다. 즉, 스케일 origin, start 또는 end ( 채우기 모드 참조).

참고: 이 기능은 filler 플러그인에 의해 구현됩니다.

채우기 모드

¹ 버전 2.6.0에서 데이터집합 채우기 모드가 도입되었습니다
² 이전 버전 2.6.0, 경계 값은 'zero', 'top', 'bottom' 이었습니다 (더 이상 사용되지 않습니다)
³ 이전 버전과 호환성을 위해, fill: true (기본값)는 fill: 'origin'과 동일합니다.

예제

new Chart(ctx, {
    data: {
        datasets: [
            {fill: 'origin'},      // 0: fill to 'origin'
            {fill: '+2'},          // 1: fill to dataset 3
            {fill: 1},             // 2: fill to dataset 1
            {fill: false},         // 3: no fill
            {fill: '-2'}           // 4: fill to dataset 2
        ]
    }
});

설정

전파

propagate는 boolean 값을 가집니다 (기본 값: true).

만약 true이면, 채우기 영역은 숨겨진 데이터집합 대상의 fill 값에 의해 정의된 보이는 대상으로 재귀적으로 확장됩니다:

Example

new Chart(ctx, {
    data: {
        datasets: [
            {fill: 'origin'},   // 0: fill to 'origin'
            {fill: '-1'},       // 1: fill to dataset 0
            {fill: 1},          // 2: fill to dataset 1
            {fill: false},      // 3: no fill
            {fill: '-2'}        // 4: fill to dataset 2
        ]
    },
    options: {
        plugins: {
            filler: {
                propagate: true
            }
        }
    }
});

propagate: true:

• 데이터집합 2가 숨겨져 있으면, 데이터집합 4가 데이터집합 1로 채워집니다
• 데이터집합 2와 1이 숨겨져 있으면, 데이터집합 4가 'origin'으로 채워집니다

propagate: false:

• 데이터집합 2와/또는 4가 숨겨져 있으면, 데이터집합 4는 채워지지 않습니다