series[type=pie]
value
로 지정된 연관된 값들을 waffle 차트로 표시한다.
type
은 'waffle'이다.
Options
callout
categories
데이터포인트의 값이 복수개일 때 값별 색상을 순서대로 지정한다.
color 항목이 설정되지 않으면 데이터포인트의 기본 색상이 사용된다.
또, legendByCategory
가 true이면 여기에 지정된 색상별로 legend에 표시된다.
cellSize: 5
colCount: number
default :10
color: string|number
데이터 포인트 기본 색.
숫자로 지정하면 정수로 변환된 값에 해당하는 팔레트 색상으로 설정된다.
'var(--color-n)'으로 지정한 것과 동일하며, 1 ~ 12 사이의 값으로 지정한다.
style
로 지정된 색상보다는 우선하지만,
pointColors
나 styleCallback
으로 설정된 색상이 이 속성으로 설정한 색상보다 우선한다.
colorField: string
data point의 값이 객체일 때 색상 필드 명.
undefined이면, data point의 값이 객체일 때 'color'.
data: any
dataUrl: string
시리즈 데이터의 URL.
createChartAsync 호출 시, 해당 url로 GET 요청을 전송하여 데이터를 다운받고,
해당 시리즈의 data 속성에 저장한다.
fields: string[]
data
가 array로 제공되어 datapoint로 생성될 때,
array의 각 항목에 해당하는 이름으로 datapoint source의 값을 사용한다.
fillDirection: 'col'|'row'
cell 들을 채워나가는 방향을 지정한다.
'col'
왼쪽 행(column)부터 오른쪽로 채워가면서fillThreshold
에 도달하면 위쪽으로 채워 나간다.'row'
야래쪽 행(row)부터 위로 채워가면서fillThreshold
에 도달하면 오른쪽으로 채워 나간다.
default :'col'
fillThreshold: number
fillDirection
이 'colFirst'나 'rowFirst'일 때,
방향을 바꾸게 하는 기준 셀 개수.
1 이상이어야 하고, fillDirection
에 따라 rowCount
나 colCount
미만 크기로 지정해야 한다.
default :1
gap: 2
hoverStyle: SVGStyles
|string
데이터포인트 위에 마우스가 있을 때 적용되는 스타일셋 혹은 class selector.
idField: string
data point의 값이 객체일 때 id 필드 명.
default :'id'
label: string
이 시리즈를 나타내는 텍스트.
레전드나 툴팁에서 시리즈를 대표한다.
이 속성이 지정되지 않으면 name
이 사용된다.
latField: string
data point의 값이 객체일 때 위도 필드 명.
default :'lat'
legendByCategory: boolean
true로 지정되고 categories
가 지정되면
차트 legend에 category별로 항목이 표시된다.
default :undefined
loadAnimation: 'default'|'reveal'|'grow'|'spread'|'fadein'
차트 설정 로드 시 실행되는 animation 종류.
lonField: string
data point의 값이 객체일 때 경도 필드 명.
default :'lon'
map: string|number
명시적으로 이 속성을 지정하면, 관련된 맵이 차트에 활성됐을 때만 시리즈가 표시된다.
maxValue: number
valueDomain
설정에 따라
개별 데이터포인트나 시리즈의 전체 데이터포인트 값들로 부터 계산된 최대값 보다
이 속성에 지정한 값이 크면 그 값을 기준 최대값으로 한다.
minCount: number
최소 cell 개수.
default :1
minSize: number
이 값을 0보다 크고 1보다 작은 값으로 지정하면,
데이터포인트 최대값을 기준으로 기본 크기에 대한 상대 크기로 표시된다.
default :undefined
minValue: number
valueDomain
설정에 따라
개별 데이터포인트나 시리즈의 전체 데이터포인트 값들로 부터 계산된 최소값 보다
이 속성에 지정한 값이 작으면 그 값을 기준 최소값으로 한다.
name: string
시리즈 이름.
시리즈를 구분하기 위한 이름으로 사용된다.
nameField: string
data point의 값이 객체일 때 name 필드 명.
default :'name'
onPointAdded: ( p: DataPointCallbackArgs
) => void
onPointClick: ( args: DataPointCallbackArgs
) => boolean
데이터 point가 클릭될 때 호출되는 이벤트 콜백.
명시적 true를 리턴하면 기본 동작이 진행되지 않는다.
onPointHover: ( args: DataPointCallbackArgs
) => void
마우스가 데이터 point 위에 올라가거나 빠져나갈 때 호출되는 이벤트 콜백.
빠져나가는 경우 args 매개변수는 null이다.
onPointRemoved: ( p: DataPointCallbackArgs
) => void
onPointsLoaded: ( series: object
, firstTime: boolean
) => void
pointColors: string|string[]|
color 속성이 명시적으로 지정되지 않은 데이터포인터의 color 속성을 지정한다.
색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.
시리즈 style
이나 color
로 지정된 색 보다는 우선하지만,
styleCallback
에서 설정된 색상이나 데이터포인트별로 지정한 색상이 이 속성으로 설정된 색상보다 우선한다.
pointLabel
데이터포인트 label 설정 옵션.
roundingMethod: 'round'|'trunc'
default :'round'
rowCount: number
default :10
shape: 'circle'|'diamond'|'star'|'sqaure'|'hexagon'
showNull: boolean
true로 지정하면 값에 포함되지 않는 셀들을 nullStyle
을 적용해서 표시한다.
default :false;
style: SVGStyles
|string
스타일셋 혹은 class selector.
styleCallback: ( args: DataPointCallbackArgs
) => SVGStyles
|string
데이터 point의 동적 스타일 콜백.
style
, pointColors
등 다른 스타일 지정들 보다 우선한다.
tooltipCallback: ( args: any
) => string
tooltipText: string
데이터포인트 툴팁 텍스트.
type: 'waffle'
valueDomain: 'point'|'series'
'point'
'series'
default :'series'
valueField: string
undefined이면, data point의 값이 객체일 때 'value'.
visible: boolean
표시 여부.
default :true
visibleInLegend: boolean
명시적 false로 지정하면 legend에 표시하지 않는다.
default :true