PieSeriesLabelOptions extends WidgetSeriesLabelOptions
pie 시리즈의 point label 옵션.
position이 default이면 'inside'로 표시된다.
라벨들이 겹치면 값이 적은 것들 순서대로 감춘다.
Options
align: 'far' | 'near' | 'none'
데이터포인트 라벨들을 정렬하는 방식.
'far'position이 'outside'일 때 차트 전체 영역의 경계 쪽에 정렬하고, 'inside'일 때 시리즈 경계(pie 시리즈)나 오른쪽(funnel 시리즈)에 졍렬한다..'near'position이 'outside'일 때 시리즈 본체에 가까운 쪽에 정렬하고, 'inside'일 때 시리즈 중심(pie 시리즈)이나 왼쪽(funnel 시리즈)에 졍렬한다..'none'정렬하지 않는다.
default :'none'
autoContrast: boolean (opens in a new tab)
텍스트가 data point 내부에 표시되는 경우 포인트 배경 색상과 대조되도록 표시한다.
밝게 표시할 때는 lightStyle을 적용하고,
어둡게 표시할 때는 darkStyle이 적용된다.
lightStyle이 지정되지 않으면 'rct-text-light' 클래스 셀렉터가,
darkStyle이 지정되지 않으면 'rct-text-dark' 클래스 셀렉터가 기본 적용된다.
default :true
autoRotation: boolean (opens in a new tab)
polar이거나 원형 시리즈일 때 true로 지정할 경우 각도에 따라 자동으로 회전 시킨다.
default :undefined
backgroundStyle: SVGStyles | string (opens in a new tab)
effect가 'background'일 때 배경에 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
connector: WidgetSeriesConnectorOptions
연결선 옵션 설정 모델.
default :undefined
convergent: boolean (opens in a new tab)
label들이 최대한 영역 밖으로 나가지 않도록 안쪽으로 모은다.
default :true
darkStyle: SVGStyles | string (opens in a new tab)
autoContrast가 true이고 어둡게 표시할 때 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
dedupeMode: 'displayAll' | 'largestFirst' | 'preserveOrder'
label이 겹칠 때 처리 표시 지정한다.
'displayAll'중복제거 없이 모두 표시한다.'largestFirst'값이 큰 항목을 우선으로 표시한다.'preserveOrder'data point 순서대로 표시한다.
default :'displayAll'
distance: number (opens in a new tab)
label과 pie 본체와의 기본 간격.
default :undefined
effect: 'background' | 'none' | 'outline'
텍스트 표시 효과.
'background'텍스트 배경 상자를 표시한다.
배경 상자에backgroundStyle이 적용된다. 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.'none'효과 없음.'outline'텍스트 색상과 대조되는 색상으로 텍스트 외곽을 구분 표시한다.
default :'none'
iconGap: number (opens in a new tab)
아이콘과 텍스트 사이의 간격.
default :2
iconHeight: number (opens in a new tab)
아이콘 이미지 높이
지정하지 않으면 16 픽셀로 설정된다.
default :undefined
iconPosition: 'bottom' | 'default' | 'left' | 'right' | 'top'
이이콘 표시 위치
'bottom''default''left''right''top'
default :'default'
iconRoot: string (opens in a new tab)
아이콘 이미지의 URL을 지정할 때 사용하는 기본 경로를 설정
아이콘 URL을 구성하는 데 필요한 루트 경로를 제공하며, 여러 아이콘의 상대 경로를 설정할 때 유용하다.
default :undefined
iconWidth: number (opens in a new tab)
아이콘 이미지 너비.
default :undefined
imageList: string (opens in a new tab)
아이콘에 사용할 이미지 목록
assets에 지정한 이미지 목록을 id 값으로 불러와 사용한다.
이미지 목록이 없으면, 대신 iconRoot 속성 값을 사용하여 아이콘 경로를 설정한다.
default :undefined
lightStyle: SVGStyles | string (opens in a new tab)
autoContrast가 true이고 밝게 표시할 때 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
lineHeight: number (opens in a new tab)
텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다.
지정하지 않으면 계산된 값.
default :undefined
numberFormat: string (opens in a new tab)
label이 숫자일 때 표시 형식.
default :'#,##0.#'
numberSymbols: string (opens in a new tab)
축의 tick 간격이 1000 이상인 큰 수를 표시할 때
이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.
default :'k,M,G,T,P,E'
offset: number (opens in a new tab) | (args: DataPointCallbackArgs) => number (opens in a new tab)
label과 point view 혹은 connector 사이의 기본 간격.
숫자 대신 콜백을 설정해서 데이터포인트별 값을 지정할 수 있다.
콜백에서 타당한 값을 리턴하지 않으면 기본값이 사용된다.
default :4pixel
outlineThickness: number (opens in a new tab)
effect가 'outline'일 때 외곽 택스트의 외곽선 두께.
default :2
overflow: 'hidden' | 'visible'
label이 겹칠 때 처리 표시 지정한다.
'hidden'body 영역을 벗어난 label과 line을 표시하지 않는다.'visible'모두 표시한다.
default :'visible'
overflowFit: number (opens in a new tab) | 'none' | 'hidden'
body 영역을 넘어갈 경우 대처 방식.
default :0
overlapContrast: boolean (opens in a new tab)
body 영역을 넘어가게(overflow) 돼서 데이터포인트 본체와 겹치게 됐을 때, 대비 색상으로 표시할 지 여부.
동시에 outline 효과를 표시할 지 여부는 overlapOutline 속성으로 지정한다.
default :false
overlapOutline: boolean (opens in a new tab)
body 영역을 넘어가게(overflow) 돼서 데이터포인트 본체와 겹치게 됐을 때, 'outline' 효과를 표시할 지 여부.
동시에 대조 색상으로 표시할 지 여부는 overlapContrast 속성으로 지정한다.
default :true
position: 'auto' | 'default' | 'far' | 'foot' | 'head' | 'inside' | 'outside'
포인트 label 표시 위치.
'default'이면 시리즈 종류에 따라 위치가 결정된다.
'auto'시리즈 종류에 따라 데이터포인트 라벨들의 표시 위치가 자동 결정된다.'default'시리즈 종류에 따라 데이터포인트 라벨들의 표시 위치가 자동 결정된다.'far'plot 영역 가장자리에 표시.'foot'포인트뷰 하단에 표시.'head'포인트뷰 상단에 표시.'inside'pie나funnel에서 데이터포인트 라벨을 포인트뷰 내부에 표시.'outside'pie나funnel에서 데이터포인트 라벨을 포인트뷰 외부에 표시.
default :'default'
prefix: string (opens in a new tab)
label 문자열 앞에 추가되는 문자열.
default :undefined
radius: number (opens in a new tab)
position이 'inside'가 될 때,
label의 중심점이 되는 위치를 pie 전체 원에 대한 0~1 사이의 상대값으로 지정한다.
이 속성값과 offset 속성값의 합으로 위치가 정해진다.
default :0.7
rotationMode: 'angle' | 'arc'
autoRatation이 true 일때,
label의 회전 방식을 지정한다.
'angle'중심각에 따라 label을 회전시킨다.'arc'호를 따라 label을 회전 시킨다.
default :'arc'
style: SVGStyles | string (opens in a new tab)
스타일셋 또는 css selector (opens in a new tab).
default :undefined
styleCallback: (args: DataPointCallbackArgs) => SVGStyles|string (opens in a new tab)
데이터 포인트별로 추가 적용되는 스타일을 리턴한다.
default :undefined
suffix: string (opens in a new tab)
label 문자열 끝에 추가되는 문자열.
default :undefined
text: string (opens in a new tab)
Text 형식.
default :undefined
textCallback: (args: DataPointCallbackArgs) => string (opens in a new tab)
계산되는 기본 text 대신, data point label로 표시될 text 리턴.
undefined나 null을 리턴하면 textField 등을 사용한 기존에 표시될 텍스트를 사용한다.
빈 문자열 등 정상적인 문자열을 리턴하면 그 문자열대로 표시된다.
prefix나 포맷 속성 등은 적용되지 않는다.
default :undefined
textField: string (opens in a new tab)
계산되는 기본 text 대신, data point label로 표시될 field.
textCallback이 설정되고 콜백에서 null이나 undefined를 리턴하지 않으면 이 속성은 무시된다.
default :undefined
verticalAdjust: number (opens in a new tab)
수평 상태의 데이터포인트 라벨일 때 텍스트 수직 위치 보정 값.
텍스트 높이에 대한 상대 비율로 설정한 만큼 내려서 표시한다.
(∵ 숫자로 구성된 텍스트가 위로 치우쳐 표시되는 경향이 있다)
default :0.05
visible: boolean (opens in a new tab)
default :true
visibleCallback: (args: DataPointCallbackArgs) => boolean (opens in a new tab)
데이터 포인트별 label 표시 여부를 리턴하는 콜백.
default :undefined