옵션

스크립트 가능한 옵션

스크립트 가능한 옵션은 또한 각각의 기본 데이터 값에 대해 호출되고 컨텍스트 관련 정보를 나타나는 고유한 인수 context를 사용하는 함수를 허용합니다. ( 옵션 컨텍스트 참조).

예시:

color: function(context) {
    var index = context.dataIndex;
    var value = context.dataset.data[index];
    return value < 0 ? 'red' :  // 음수 값은 빨간색으로 그립니다
        index % 2 ? 'blue' :    // 그 밖의 다른 값들은 파란색과 초록색으로 그립니다
        'green';
}

인덱스 가능한 옵션

색인 가능한 옵션은 또한 각 항목에 일치하는 인덱스에 해당하는 요소 배열을 허용합니다. 이 방법은 데이터만큼 많은 항목들에 대해 제공하는 것이 필요합니다, 그래서, 지원해야 한다면 대부분의 경우 함수를 사용하는 것이 더 적합합니다.

예시:

color: [
    'red',    // 인데스 0 데이터를 위한 색상
    'blue',   // 인데스 1 데이터를 위한 색상
    'green',  // 인데스 2 데이터를 위한 색상
    'black',  // 인데스 3 데이터를 위한 색상
    //...
]

옵션 컨텍스트

옵션 컨텍스트는 옵션을 해결할 때 컨텍스트 관련 정보를 제공하는데 현재 스크립트 가능한 옵션에만 적용됩니다.

컨텍스트 객체는 다음의 속성들을 포함합니다:

• chart: 관련된 차트
• dataIndex: 현재 데이터의 인덱스
• dataset: datasetIndex 인덱스의 데이터집합
• datasetIndex: 현재 데이터집합의 인뎃스
• hover: 만약 호버이면 true

중요사항: 컨텍스트는 다른 유형의 엔티티 (데이터 세트, 데이터 등)를 나타낼 수 있으므로 일부 속성들이 정의되지 않음일 수 있으므로 컨텍스트 속성을 사용하기 전에 테스트해야합니다.