Config
Pointlabel

pointLabel

Series data point label options.

Properties

autoContrast: boolean

ํ…์ŠคํŠธ๊ฐ€ data point ๋‚ด๋ถ€์— ํ‘œ์‹œ๋˜๋Š” ๊ฒฝ์šฐ ํฌ์ธํŠธ ์ƒ‰์ƒ๊ณผ ๋Œ€์กฐ๋˜๋„๋ก ํ‘œ์‹œํ•œ๋‹ค.

๋ฐ๊ฒŒ ํ‘œ์‹œํ•  ๋•Œ๋Š” lightStyle ์„ ์ ์šฉํ•˜๊ณ , ์–ด๋‘ก๊ฒŒ ํ‘œ์‹œํ•  ๋•Œ๋Š” darkStyle ์ด ์ ์šฉ๋œ๋‹ค. brightStyle์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด 'rct-text-light'์ด, darkStyle์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด 'rct-text-dark'๊ฐ€ ๊ธฐ๋ณธ ์ ์šฉ๋œ๋‹ค.

default: true

backgroundStyle: SVGStyles | string

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

darkStyle: SVGStyles | string

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

distance: number

'pie', 'funnel' ์‹œ๋ฆฌ์ฆˆ์—์„œ label์ด ์™ธ๋ถ€์— ํ‘œ์‹œ๋  ๋•Œ label๊ณผ ์‹œ๋ฆฌ์ฆˆ ๋ณธ์ฒด์™€์˜ ๊ธฐ๋ณธ ๊ฐ„๊ฒฉ.

default: 25

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

  • 'background' ํ…์ŠคํŠธ ๋ฐฐ๊ฒฝ ์ƒ์ž๋ฅผ ํ‘œ์‹œํ•œ๋‹ค. ๋ฐฐ๊ฒฝ ์ƒ์ž์— backgroundStyle ์ด ์ ์šฉ๋œ๋‹ค. ์Šคํƒ€์ผ์ด ์ ์šฉ๋˜์ง€ ์•Š์œผ๋ฉด ๊ธฐ๋ณธ 'rct-text-background'์ด ์ ์šฉ๋œ๋‹ค.
  • 'none' ํšจ๊ณผ ์—†์Œ.
  • 'outline' ํ…์ŠคํŠธ ์ƒ‰์ƒ๊ณผ ๋Œ€์กฐ๋˜๋Š” ์ƒ‰์ƒ์œผ๋กœ ํ…์ŠคํŠธ ์™ธ๊ณฝ์„ ๊ตฌ๋ถ„ ํ‘œ์‹œํ•œ๋‹ค.

default: 'none'

lightStyle: SVGStyles | string

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

numberFormat: string

label์ด ์ˆซ์ž์ผ ๋•Œ ํ‘œ์‹œ ํ˜•์‹.

default: undefined

numberSymbols: string

์ถ•์˜ tick ๊ฐ„๊ฒฉ์ด 1000 ์ด์ƒ์ธ ํฐ ์ˆ˜๋ฅผ ํ‘œ์‹œํ•  ๋•Œ ์ด ์†์„ฑ์— ์ง€์ •ํ•œ symbol์„ ์ด์šฉํ•ด์„œ ์ถ•์•ฝํ˜•์œผ๋กœ ํ‘œ์‹œํ•œ๋‹ค.

default: undefined

offset: number

label๊ณผ point view ์‚ฌ์ด์˜ ๊ธฐ๋ณธ ๊ฐ„๊ฒฉ.

๊ฐ’์„ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด position ์ด 'inside'์ผ ๋•Œ๋Š” 0, ๊ทธ ์™ธ๋Š” 4 ํ”ฝ์…€์ด๋‹ค.

default: undefined

position

ํฌ์ธํŠธ label ํ‘œ์‹œ ์œ„์น˜.

default: PointItemPosition.AUTO

prefix: string

label ๋ฌธ์ž์—ด ์•ž์— ์ถ”๊ฐ€๋˜๋Š” ๋ฌธ์ž์—ด.

default: undefined

style: SVGStyles | string

์Šคํƒ€์ผ์…‹ ํ˜น์€ class selector.

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

suffix: string

label ๋ฌธ์ž์—ด ๋์— ์ถ”๊ฐ€๋˜๋Š” ๋ฌธ์ž์—ด.

default: undefined

text: string

rich text format์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

textField: string

๊ณ„์‚ฐ๋˜๋Š” ๊ธฐ๋ณธ text ๋Œ€์‹ , data point label๋กœ ํ‘œ์‹œ๋  field.
textCallback ์ด ์„ค์ •๋˜๊ณ  ์ฝœ๋ฐฑ์—์„œ null์ด๋‚˜ undefined๋ฅผ ๋ฆฌํ„ดํ•˜์ง€ ์•Š์œผ๋ฉด ์ด ์†์„ฑ์€ ๋ฌด์‹œ๋œ๋‹ค.

default: undefined

visible: boolean

ํ‘œ์‹œ ์—ฌ๋ถ€.

default: true

visibleCallback

๋ฐ์ดํ„ฐ ํฌ์ธํŠธ๋ณ„ label ํ‘œ์‹œ ์—ฌ๋ถ€๋ฅผ ๋ฆฌํ„ดํ•˜๋Š” ์ฝœ๋ฐฑ.

default: undefined