API
PieSeriesLabelOptions

PieSeriesLabelOptions extends WidgetSeriesLabelOptions

pie 시리즈의 point label 옵션.
position이 'auto'이면 '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

convergable: boolean (opens in a new tab)

label들이 최대한 영역 밖으로 나가지 않도록 안쪽으로 모은다.

default :true

darkStyle: SVGStyles | string (opens in a new tab)

autoContrasttrue이고 어둡게 표시할 때 적용되는 스타일셋 또는 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)

default :undefined

iconWidth: number (opens in a new tab)

아이콘 이미지 너비.

default :undefined

imageList: string (opens in a new tab)

default :undefined

lightStyle: SVGStyles | string (opens in a new tab)

autoContrasttrue이고 밝게 표시할 때 적용되는 스타일셋 또는 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) | (point: any (opens in a new tab)) => number (opens in a new tab)

label과 point view 혹은 connector 사이의 기본 간격.
숫자 대신 콜백을 설정해서 데이터포인트별 값을 지정할 수 있다. 콜백에서 타당한 값을 리턴하지 않으면 기본값이 사용된다.

default :5

outlineThickness: number (opens in a new tab)

effect'outline'일 때 외곽 택스트의 외곽선 두께.

default :2

overflow: 'hidden' | 'visible'

label이 겹칠 때 처리 표시 지정한다.

  • 'hidden' body 영역을 벗어난 label과 line을 표시하지 않는다.
  • 'visible' 모두 표시한다.

default :'visible'

position: 'auto' | 'foot' | 'head' | 'inside' | 'outside'

포인트 label 표시 위치.
'auto'이면 시리즈 종류에 따라 위치가 결정된다.

  • 'auto' 시리즈 종류에 따라 데이터포인트 라벨들의 표시 위치가 자동 결정된다.
  • 'foot' 포인트뷰 하단에 표시.
  • 'head' 포인트뷰 상단에 표시.
  • 'inside' piefunnel애서 데이터포인트 라벨을 포인트뷰 내부에 표시.
  • 'outside' piefunnel애서 데이터포인트 라벨을 포인트뷰 외부에 표시.

default :'auto'

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'

autoRatationtrue 일때, 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: (point: any (opens in a new tab)) => 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: (point: any (opens in a new tab)) => string (opens in a new tab)

계산되는 기본 text 대신, data point label로 표시될 text 리턴.
undefinednull을 리턴하면 textField 등을 사용한 기존에 표시될 텍스트를 사용한다. 빈 문자열 등 정상적인 문자열을 리턴하면 그 문자열대로 표시된다. prefix나 포맷 속성 등은 적용되지 않는다.

default :undefined

textField: string (opens in a new tab)

계산되는 기본 text 대신, data point label로 표시될 field.
textCallback이 설정되고 콜백에서 null이나 undefined를 리턴하지 않으면 이 속성은 무시된다.

default :undefined

visible: boolean (opens in a new tab)

default :true

visibleCallback: (point: any (opens in a new tab)) => boolean (opens in a new tab)

데이터 포인트별 label 표시 여부를 리턴하는 콜백.

default :undefined