차트 설정(Configuration)
RealMap은 차트 구성 요소들의 배치 정보와 스타일들이 지정된 JSON (opens in a new tab) 설정 객체를 이용하여 생성된다.
최상위 속성들
차트 기본 형태와 시리즈 및 게이지의 기본 종류 등을 최상위에서 바로 지정한다.
최상위 속성들 페이지를 참조한다.
차트 수준 옵션들
차트 전체에 영향을 주는 속성들을 지정한다.
차트 옵션 페이지를 참조한다.
에셋(Assets)
시리즈나 게이지 또는 축 label 등을 표시할 때 참조하는 미리 정의된 스타일 요소들을 'asset'이나 'assets' 목록으로 설정한다.
{
assets: [{
type: 'colors',
id: 'color1',
colors: ['#88f', '#aaf', '#bbf', '#ddf', '#eef'],
}]
}
차트 제목들(Titles)
주/부 두 개의 타이틀을 다양한 스타일과 방식으로 배치할 수 있다.
타이틀및 부 타이틀 페이지를 참조한다.
const config = {
// 주 제목
title: {
},
// 문자열로 지정하면 타이틀의 text로 지정된다.
title: 'Title',
// 부 제목
subtitle: {
}
}
시리즈
어노테이션
어노테이션은 시리즈나 게이지와 관련된 부가적인 정보(텍스트나 이미지)를 표시하는 차트 구성 요소이다.
'annotations' 또는 'annotation' 이름으로 하나 이상의 어노테이션(들)을 설정한다.
둘 이상의 어노테이션은 배열로 설정한다.
const config = {
annotations: [{
}, {
}]
}
범례(Legend)
차트 시리즈 구성을 직관적으로 이해할 수 있도록 도와주는 구성 요소에 대한 속성들을 설정한다.
const config = {
legend: {
}
}
Body
시리즈나 게이지가 표시되는 차트 본체 영역(plotting area)에 대한 속성들을 설정한다.
const config = {
body: {
}
}