PictorialSeriesOptions extends WidgetSeriesOptions
PictorialSeriesOptions의 기능을 사용하기 위해서는 'pictogram'모듈이 필요하다. 자세한 설명은 guide/modules에서 확인할 수 있다.
pictorial 시리즈.
type은 'pictorial'이다.
SVG 이미지 하나를 값에 따라 수평 또는 수직 방향의 여러 영역으로 분할해서 표시한다.
Options
center: string (opens in a new tab) | number (opens in a new tab)
centerX, centerY를 지정하지 않으면 이 속성값을 사용한다.
즉, 이 속성으로 두 속성값을 동시에 지정할 수 있다.
default :undefined
centerX: string (opens in a new tab) | number (opens in a new tab)
body 영역을 기준으로 'pie',
'funnel' 시리즈들의 수평 중심 위치
숫자나 body 영역 너비에 대한 상대값을 '%'로 지정할 수 있다.
default :'50%'
centerY: string (opens in a new tab) | number (opens in a new tab)
body 영역을 기준으로 'pie',
'funnel' 시리즈들의 수직 중심 위치
숫자나 body 영역 높이에 대한 상대값을 '%'로 지정할 수 있다.
default :'50%'
color: string (opens in a new tab) | number (opens in a new tab)
데이터 포인트 기본 색.
숫자로 지정하면 정수로 변환된 값에 해당하는 팔레트 색상으로 설정된다.
'var(--color-n)'으로 지정한 것과 동일하며, 1 ~ 12 사이의 값으로 지정한다.
pointColors나 pointStyleCallback으로 설정된 색상이 이 속성으로 설정한 색상보다 우선한다.
default :undefined
colorField: string (opens in a new tab) | number (opens in a new tab) | Function (opens in a new tab)
json 객체나 배열로 전달되는 데이터포인트 정보에서 color 값을 지정하는 속성명이나 인덱스 또는,
전달되는 json 객체에서 color 값을 리턴하는 함수.
지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 객체일 때 'color' 속성 값이 사용된다.
default :undefined
data: any (opens in a new tab)
데이터포인터들을 생성하는 데 사용되는 값 목록. 단일 값을 지정할 경우 배열로 처리됩니다. 단, string (opens in a new tab) 타입은 향후 버전에서 사용할 예정이며, 현재는 data를 지정하지 않은 경우와 동일하게 동작한다.
default :undefined
direction: 'row' | 'column'
데이터포인트 표시 방향.
default :'row'
figure: string (opens in a new tab) | Array (opens in a new tab)<string (opens in a new tab)>
svg 단일 path 또는 path 목록.
default :undefined
height: string (opens in a new tab) | number (opens in a new tab)
Pictorial 표시 너비를 pixel이나 body 높이에 대한 비율(%)로 지정한다.
이 크기를 지정하지 않으면 size 설정에 맞게 자동으로 적용된다.
size도 지정되지 않았다면 Pictorial에 지정된 svg 크기대료 표시된다.
default :undefined
hoverEffect: 'none' | 'default'
데이터포인트 위에 마우스 포인터가 올라갈(hovering) 때 표시되는 효과.
default :undefined
hoverStyle: SVGStyles | string (opens in a new tab)
데이터포인트 위에 마우스가 있을 때 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
iconField: string (opens in a new tab) | number (opens in a new tab) | Function (opens in a new tab)
json 객체나 배열로 전달되는 데이터포인트 정보에서 icon 값을 지정하는 속성명이나 인덱스 또는,
전달되는 json 객체에서 icon 값을 리턴하는 함수.
지정하지 않거나(undefined) 값이 undefined이면, 데이터포인트의 값이 객체일 때 'icon' 속성 값이 사용된다.
default :undefined
interactive: boolean (opens in a new tab)
시리즈의 hover, focus, tooltip 상호작용 여부를 지정한다.
default :true
label: string (opens in a new tab)
이 시리즈를 나타내는 텍스트.
레전드나 툴팁에서 시리즈를 대표한다.
이 속성이 지정되지 않으면 name이 사용된다.
default :undefined
legendByPoint: boolean (opens in a new tab)
true로 지정하면 'pie',
'funnel' 시리즈들의 데이터포인트별 legend 항목을 표시한다.
default :false
legendKey: string (opens in a new tab)
이 시리즈나 데이터포인트들이 legend에 표시될 때,
이 속성에 해당하는 값이 동일하면 중복 표시되지 않는다.
또, 해당 legend 항목에 대해 이 키로 연결된 모든 시리즈나 데이터포인트들이 반응한다.
default :undefined
loadAnimation: 'default' | 'reveal' | 'grow' | 'spread' | 'fadein'
차트 설정 로드 시 실행되는 animation 종류.
default :undefined
name: string (opens in a new tab)
시리즈 이름.
시리즈 생성시 지정된 후 변경할 수 없다.
차트의 다른 구성 요소에서 이 시리즈를 참조할 때 사용되며,
레전드나 툴팁에서 시리즈를 나타내는 텍스트로도 사용된다.
default :undefined
noClip: boolean (opens in a new tab)
true로 지정하면 body를 벗어난 data point 영역도 표시된다.
값을 지정하지 않으면 polar 차트에서는 true, 직교 차트에서는 false이다.
group에 포함되면 group의 noClip 설정을 따른다.
또, 값을 지정하지 않으면 버블시리즈는 최대한 버블들이 표시되도록 한다.
default :undefined
onPointClick: (args: DataPointCallbackArgs) => boolean (opens in a new tab)
데이터 point가 클릭될 때 호출되는 이벤트 콜백.
명시적 true를 리턴하면 기본 동작이 진행되지 않는다.
default :undefined
onPointHover: (args: DataPointCallbackArgs) => void (opens in a new tab)
마우스가 데이터 point 위에 올라가거나 빠져나갈 때 호출되는 이벤트 콜백.
빠져나가는 경우 args 매개변수는 null이다.
default :undefined
onPointsLoaded: (series: object (opens in a new tab), firstTime: boolean (opens in a new tab)) => void (opens in a new tab)
데이터포인트들이 새로 로드된 후 호출된다.
default :undefined
othersGroup: OthersGroupOptions
마지막 데이터포인트들을 묶은 나머지 항목 설정 옵션.
default :undefined
paddingRate: number (opens in a new tab)
연결된 축의 padding을 확장시키는 비율.
설정한 비율 만큼 축의 padding 크기가 확대되어 배치 계산이 이루어진다.
default :1
pointColors: string (opens in a new tab) | Array (opens in a new tab)<string (opens in a new tab)>
데이터 포인트별 색들을 지정한다.
색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.
또, 'palette-name@palette'나 'palette-name@pal' 형식으로 설정해서 라이브러리가 기본 css로 제공하는 palette 색상 배열을 사용할 수 있다.
pointStyleCallback으로 설정된 색상이나 데이터포인트별로 지정한 색상이 이 속성으로 설정한 색상보다 우선한다.
default :undefined
pointLabel: PictorialSeriesLabelOptions
default :undefined
pointStyle: SVGStyles | string (opens in a new tab)
모든 데이터포인트에 적용되는 스타일셋 또는 css selector (opens in a new tab).
style로 설정되는 시리즈의 inline 스타일이
데이터포인터에 적용되지 않는 경우 이 속성을 사용할 수 있다.
pointColors나 color가 설정되면 이 속성으로 설정된 색상은 무시된다.
또, pointStyleCallback으로 설정된 스타일이 이 속성 스타일보다 우선한다.
default :undefined
pointStyleCallback: (args: DataPointCallbackArgs) => SVGStyles|string (opens in a new tab)
데이터포인트의 동적 스타일 콜백.
default :undefined
reversed: boolean (opens in a new tab)
false면 direction이 'row'일 때 아래에서 위로, 아니면 왼쪽에서 오른쪽으로 배치된다.
true면 반대로 배치된다.
default :false
size: string (opens in a new tab) | number (opens in a new tab)
Pictorial의 크기.
픽셀 크기나 body 영역 크기에 대한 상대적 크기로 지정할 수 있다.
'100%'로 지정하면 plot 영역의 너비나 높이 중 작은 크기와 동일한 크기로 표시된다.
또, width나 height로 각각 다른 크기를 지정할 수도 있다.
default :'90%'
style: SVGStyles | string (opens in a new tab)
스타일셋 또는 css selector (opens in a new tab).
default :undefined
tooltipCallback: (args: DataPointCallbackArgs) => string (opens in a new tab)
default :undefined
tooltipText: string (opens in a new tab)
데이터포인트 툴팁 텍스트.
default :undefined
total: string (opens in a new tab) | number (opens in a new tab)
이 값을 지정하지 않으면 데이터포인트들의 값을 모두 더한 것을 합계로 사용한다.
숫자 또는 '%'로 끝나는 데이터포인트 합계에 대한 백분율로 지정할 수 있다.
실제 합계 이하로 지정하면 무시한다.
각 데이터포인트들은 합계에 대한 비율 크기로 표시된다.
default :undefined
type: 'pictorial'
default :undefined
viewRangeValue: 'x' | 'y' | 'z'
ranges가 적용되는 값.
지정하지 않으면 시리즈 종류에 띠라 자동 적용된다.
'line' 시리즈 계열은 'x', 나머지는 'y'가 된다.
현재 'z'은 range는 bubble 시리즈에만 적용할 수 있다.
default :undefined
viewRanges: ValueRangeList | Array (opens in a new tab)<ValueRange>
값 범위 목록.
범위별로 다른 스타일을 적용할 수 있다.
범위들은 중첩될 수 없다.
default :undefined
visible: boolean (opens in a new tab)
표시 여부.
default :true
visibleInLegend: boolean (opens in a new tab)
명시적 false로 지정하면 legend에 표시하지 않는다.
default :undefined
visibleInNavigator: boolean (opens in a new tab)
true로 지정하면 시리즈 내비게이터에 표시한다. 해당 속성은 bar, line 시리즈 에서만 적용된다.
default :undefined
visibleThreshold: number (opens in a new tab)
포인터가 차지하는 너비가 이 값 미만이면 표시하지 않는다.
default :undefined
width: string (opens in a new tab) | number (opens in a new tab)
Pictorial 표시 너비를 pixel이나 body 너비에 대한 비율(%)로 지정한다.
이 크기를 지정하지 않으면 size 설정에 맞게 자동으로 적용된다.
size도 지정되지 않았다면 Pictorial에 지정된 svg 크기대료 표시된다.
default :undefined
xAxis: string (opens in a new tab) | number (opens in a new tab)
그룹에 포함되면 그룹 설정을 따른다.
default :undefined
xField: string (opens in a new tab) | number (opens in a new tab) | Function (opens in a new tab)
json 객체나 배열로 전달되는 데이터포인트 정보에서 x 값을 지정하는 속성명이나 인덱스 또는,
전달되는 json 객체에서 x 값을 리턴하는 함수.
지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 0, 객체이면 'x' 속성 값이 사용된다..
default :undefined
xStart: any (opens in a new tab)
연결된 x축이 연속 축(카테고리축이 아닌)일 때, x축 값이 설정되지 않은 첫번째 데이터 point에 설정되는 x값.
이 후에는 xStep씩 증가시키면서 설정한다.
이 속성이 지정되지 않은 경우 xStart가 적용되는데
log축이면 1, 아니면 0이다.
default :undefined
xStep: string (opens in a new tab) | number (opens in a new tab)
연결된 x축이 연속 축(카테고리축이 아닌)일 때, x축 값이 설정되지 않은 데이터 point에 지정되는 x값의 간격.
첫번째 값은 xStart로 설정한다.
time 축일 때, 정수 값 대신 시간 단위('y', 'm', 'w', 'd', 'h', 'n', 's')로 지정할 수 있다.
이 속성이 지정되지 않으면 xStep이 적용된다.
default :undefined
yAxis: string (opens in a new tab) | number (opens in a new tab)
그룹에 포함되면 그룹 설정을 따른다.
default :undefined
yField: string (opens in a new tab) | number (opens in a new tab) | Function (opens in a new tab)
json 객체나 배열로 전달되는 데이터포인트 정보에서 y 값을 지정하는 속성명이나 인덱스 또는,
전달되는 json 객체에서 y 값을 리턴하는 함수.
지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 1, 객체이면 'y' 속성 값이 사용된다.
default :undefined
zField: string (opens in a new tab) | number (opens in a new tab) | Function (opens in a new tab)
json 객체나 배열로 전달되는 데이터포인트 정보에서 z 값을 지정하는 속성명이나 인덱스 또는,
전달되는 json 객체에서 z 값을 리턴하는 함수.
지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 2, 객체이면 'z' 속성 값이 사용된다.
default :undefined
zOrder: number (opens in a new tab)
시리즈 표시 순서를 지정할 수 있다.
값이 클 수록 나중에(위에) 표시된다.
default :undefined
zeroInLegend: boolean (opens in a new tab)
값이 0인 데이터포인트를 범례 항목으로 표시할 것인 지 여부.
default :true