🎉 RealChart v1.1.11 is released. Read more →
Config
config
series
candlestick
pointLabel

pointLabel

시리즈 데이터포인트들의 label 옵션.
series의 'pointLabel' 항목으로 설정한다.

 const config = {
     series: {
         pointLabel: {
             visible: true,
             suffix: '%',
             style: {
                 fontWeight: 'bold',
             },
         }
     }
 };

Options

autoContrast: boolean

텍스트가 data point 내부에 표시되는 경우 포인트 색상과 대조되도록 표시한다.
밝게 표시할 때는 lightStyle을 적용하고, 어둡게 표시할 때는 darkStyle이 적용된다. lightStyle이 지정되지 않으면 'rct-text-light'이, darkStyle이 지정되지 않으면 'rct-text-dark'가 기본 적용된다.

default :true

autoRotation: boolean

polar일때 true로 지정할 경우 각도에 따라 자동으로 회전 시킨다.

backgroundStyle: SVGStyles|string

effect가 'background'일 때 배경에 적용되는 스타일셋.

darkStyle: SVGStyles|string

autoContrast가 true이고 어둡게 표시할 때 적용되는 스타일셋.

distance: number

'pie', 'funnel' 시리즈에서 label이 외부에 표시될 때 label과 시리즈 본체와의 기본 간격.

default :25

effect: 'background'|'none'|'outline'

텍스트 표시 효과.

  • 'background' 텍스트 배경 상자를 표시한다.
    배경 상자에 backgroundStyle이 적용된다. 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.
  • 'none' 효과 없음.
  • 'outline' 텍스트 색상과 대조되는 색상으로 텍스트 외곽을 구분 표시한다.

default :'none'

iconGap: number

아이콘과 텍스트 사이의 간격.

default :2

iconHeight: number

아이콘 이미지 높이
지정하지 않으면 16 픽셀로 설정된다.

iconPosition: 'bottom'|'default'|'left'|'right'|'top'

이이콘 표시 위치

  • 'bottom'
  • 'default'
  • 'left'
  • 'right'
  • 'top'

default :'default'

iconRoot: string

iconWidth: number

아이콘 이미지 너비.

imageList: string

lightStyle: SVGStyles|string

autoContrast가 true이고 밝게 표시할 때 적용되는 스타일셋.

lineHeight: number

텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다. 지정하지 않으면 계산된 값.

numberFormat: string

label이 숫자일 때 표시 형식.

default :'#,##0.#'

numberSymbols: string

축의 tick 간격이 1000 이상인 큰 수를 표시할 때 이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.

default :'k,M,G,T,P,E'

offset: number

label과 point view 사이의 기본 간격.

값을 지정하지 않으면 position이 'inside'일 때는 0, 그 외는 4 픽셀이다.

outlineThickness: number

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

default :2

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

포인트 label 표시 위치.

  • 'auto'
  • 'foot'
  • 'head'
  • 'inside'
  • 'insideFirst'
  • 'outside'
  • 'outsideFirst'

default :'auto'

prefix: string

label 문자열 앞에 추가되는 문자열.

style: SVGStyles|string

스타일셋 혹은 class selector.

styleCallback: ( point: any ) => SVGStyles|string

데이터 포인트별로 추가 적용되는 스타일을 리턴한다.

suffix: string

label 문자열 끝에 추가되는 문자열.

text: string

Text 형식.

textAlign: 'center'|'left'|'right'

다중 라인이거나 경계가 있을 때, 텍스트 상자 내에서 텍스트 라인들의 수평 정렬.

  • 'center' 영역 가운데로 정렬한다.
  • 'left' 왼쪽으로 정렬한다.
  • 'right' 오른쪽으로 정렬한다.

default :'center'

textCallback: ( point: any ) => string

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

textField: string

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

visible: boolean

이 속성값이 true이거나 visibleCallback이 설정되면 표시된다.

default :undefined

visibleCallback: ( point: any ) => boolean

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

candlesticktrendline