series[type=route]
coords로 지정된 두 지점 사이를 곡선으로 연결하는 시리즈.
type은 'route'이다.
데이터포인트 label을 표시하지 않는다.
Route 시리즈 데모Options
arrowDisplay: 'always'|'moving'|'none'
화살표 표시 방식.
'always''moving''none'
default :'always'
bendFactor: number
곡선이 휘어지는 정도를 지정한다.
0 이상 0.1 이하의 값을 사용할 수 있다.
default :0.01
callout
데이터포인트 위치에서 선을 그어 떨어뜨려 표시하는 옵션.
데이터가 밀집된 지역이나 겹치는 값들 사이에서 분리하여 배치하기 위해 사용한다.
data의 offset 속성에서 [경도 변화량, 위도 변화량]으로 지정한 값들로 선을 남기며 이동시킨다.
ex) [{ offset: [[0, 2], [1, -1]], value: 100 }, ...]
color: string|number
데이터 포인트 기본 색.
숫자로 지정하면 정수로 변환된 값에 해당하는 팔레트 색상으로 설정된다.
'var(--color-n)'으로 지정한 것과 동일하며, 1 ~ 12 사이의 값으로 지정한다.
style로 지정된 색상보다는 우선하지만,
pointColors나 styleCallback으로 설정된 색상이 이 속성으로 설정한 색상보다 우선한다.
colorField: string
data로 전달되는 데이터포인트 생성 객체들의 'color' 속성 값 대신,
이 속성으로 지정된 값을 데이터포인트 기본 색상으로 적용한다.
data: any
데이터포인트 목록을 생성하는 데 참조되는 데이터셋.
createChartAsync를 호출해서 비동기로
맵차트를 생성할 때는 dataUrl로 원격 데이터 소스를 지정할 수 있다.
dataUrl: string
시리즈 데이터의 외부 경로.
createChartAsync 호출 시, 해당 url로 GET 요청을 전송하여 데이터를 다운받고,
해당 시리즈의 data 속성에 저장한다.
data가 설정되면 이 속성은 무시된다.
또, 비동기 함수가 아닌 createChart로 차트를 생성할 때 이 속성으로 data를 설정하려는 경우
콘솔에 경고 메시지가 표시된다.
fields: string[]
data가 array로 제공되어 datapoint로 생성될 때,
array의 각 항목에 해당하는 이름으로 datapoint source의 값을 사용한다.
hoverStyle: SVGStyles|string
데이터포인트 위에 마우스가 있을 때 적용되는 스타일셋 혹은 class selector.
idField: string
data로 전달되는 데이터포인트 생성 객체들의 'id' 속성 값 대신,
이 속성으로 지정된 값을 데이터포인트 id로 설정한다.
default :'id'
label: string
이 시리즈를 나타내는 텍스트.
레전드나 툴팁에서 시리즈를 대표한다.
이 속성이 지정되지 않으면 name이 사용된다.
latField: string
data로 전달되는 데이터포인트 생성 객체들의 'lat' 속성 값 대신,
이 속성으로 지정된 값을 데이터포인트 위도 값으로 설정한다.
default :'lat'
lineWidth: number
선 두깨를 픽셀단위로 지정한다.
이 속성을 지정하면 css 설정보다 우선해서 적용된다.
lonField: string
data로 전달되는 데이터포인트 생성 객체들의 'lon' 속성 값 대신,
이 속성으로 지정된 값을 데이터포인트 경도 값으로 설정한다.
default :'lon'
map: string|number
명시적으로 이 속성을 지정하면, 관련된 맵이 차트에 활성됐을 때만 시리즈가 표시된다.
name: string
시리즈 이름.
시리즈를 구분하기 위한 이름으로 사용된다.
nameField: string
data로 전달되는 데이터포인트 생성 객체들의 'name' 속성 값 대신,
이 속성으로 지정된 값을 데이터포인트 이름으로 설정한다.
default :'name'
onPointsLoaded: ( series: object, firstTime: boolean ) => void
데이터포인트들이 새로 로드된 후 호출된다.
pointColors: string|string[]|string
color 속성이 명시적으로 지정되지 않은 데이터포인터의 color 속성을 지정한다.
색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.
시리즈 style이나 color로 지정된 색 보다는 우선하지만,
styleCallback에서 설정된 색상이나 데이터포인트별로 지정한 색상이 이 속성으로 설정된 색상보다 우선한다.
pointLabel
데이터포인트 label 설정 옵션.
style: SVGStyles|string
스타일셋 혹은 class selector.
tooltipText: string
데이터포인트 툴팁 텍스트.
visible: boolean
표시 여부.
default :true
visibleInLegend: boolean
명시적 false로 지정하면 legend에 표시하지 않는다.
default :true