chart.js

Configuration

원문 :  http://www.chartjs.org/docs/latest/configuration/


 

Configuration

이 구성은 차트 작동 방식을 변경하는데 사용됩니다.

style,  fonts, legend 등을 제어하는 속성이 있습니다.

 

Global Configuration

Chart.js 1.0 부터 도입된 이 개념은

DRY 구성을 유지하고 각 인스턴스에 대한 옵션을 지정하지 않아도 되거나

특정 차트 유형에 대한 기본값을 지정하지 않아도 차트 유형간에 전역으로 옵션을 변경할 수 있습니다.

 

Chart.js 는 차트에 전달 된 옵션 개체를 차트 유형 기본값을 사용하는 전역 구성과 병합하고,

기본값을 적절하게 조정합니다.

이렇게 하면 적용 가능한 경우 모든 차트 유형의 기본값을 계속 변경하면서

개별 차트 구성에서 원하는 만큼 구체적으로 지정할 수 있습니다. ( ??? )

전역 일반 옵션은 Chart.defaults.global 에 정의되어 있습니다.

각 차트 유형의 기본값은 해당 차트 유형의 문서에서 설명합니다.

 

The following example would set the hover mode to 'nearest' for all charts where this was not overridden by the chart type defaults or the options passed to the constructor on creation.

Chart.defaults.global.hover.mode = 'nearest';

// Hover mode is set to nearest because it was not overridden here
var chartHoverModeNearest  = new Chart(ctx, {
    type: 'line',
    data: data,
});

// This chart would have the hover mode that was passed in
var chartDifferentHoverMode = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        hover: {
            // Overrides the global setting
            mode: 'index'
        }
    }
})

 

댓글

댓글 본문
작성자
비밀번호
버전 관리
gamza
현재 버전
선택 버전
graphittie 자세히 보기