차트 설정(Configuration)

RealMap은 차트 구성 요소들의 배치 정보와 스타일들이 지정된 JSON (opens in a new tab) 설정 객체를 이용하여 생성된다.

최상위 속성들

차트 기본 형태와 시리즈 및 게이지의 기본 종류 등을 최상위에서 바로 지정한다.
최상위 속성들 페이지를 참조한다.

차트 수준 옵션들

차트 전체에 영향을 주는 속성들을 지정한다.
차트 옵션 페이지를 참조한다.

에셋(Assets)

시리즈나 게이지 또는 축 label 등을 표시할 때 참조하는 미리 정의된 스타일 요소들을 'asset'이나 'assets' 목록으로 설정한다.

{
    assets: [{
        type: 'colors',
        id: 'color1',
        colors: ['#88f', '#aaf', '#bbf', '#ddf', '#eef'],
    }]
}

지도(Map)

지도 축을 결정하는 지도 소스를 설정한다.

const config = {
    map: [
        {
            url: '../assets/map/wooritech/v1/maps/geojson/kr-sido-low.geo.json',
            padding: '0.8 0 0 0',
        },
    ],
};

차트 제목들(Titles)

주/부 두 개의 타이틀을 다양한 스타일과 방식으로 배치할 수 있다.
타이틀및 부 타이틀 페이지를 참조한다.

const config = {
    // 주 제목
    title: {
    },
    // 문자열로 지정하면 타이틀의 text로 지정된다.
    title: 'Title',
    // 부 제목
    subtitle: {
    }
};

시리즈

시리즈는 데이터를 표시하는 차트의 기본 구성요소이다.
'bar', 'linear', 'area', 'pie' 등 몇 십 종류의 시리즈가 있으며, 시리즈 공통 속성 외에 종류별로 추가 속성들이 존재할 수 있다. 둘 이상의 시리즈는 배열로 설정한다.

const config = {
    series: {
        type: 'area',
    },
};
// 배열로 둘 이상의 시리즈를 지정할 수 있다.
const config = {
    series: [{
    }, {
        type: 'line',
    }],
};

어노테이션

어노테이션은 시리즈나 게이지와 관련된 부가적인 정보(텍스트나 이미지)를 표시하는 차트 구성 요소이다.
'annotations' 또는 'annotation' 이름으로 하나 이상의 어노테이션(들)을 설정한다.
둘 이상의 어노테이션은 배열로 설정한다.

const config = {
    annotations: [{
    }, {
    }]
};

범례(Legend)

차트 시리즈 구성을 직관적으로 이해할 수 있도록 도와주는 구성 요소에 대한 속성들을 설정한다.

const config = {
    legend: {
    }
};

Body

시리즈나 게이지가 표시되는 차트 본체 영역(plotting area)에 대한 속성들을 설정한다.

const config = {
    body: {
    }
};