Config
pointLabel

pointLabel

Series data point label options.

Options

autoContrast: boolean

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

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

defaultย undefinedย 

backgroundStyle: SVGStyles|string

defaultย undefinedย 

darkStyle: SVGStyles|string

defaultย undefinedย 

distance: number

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

defaultย 25ย 

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

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

defaultย undefinedย 

height: number

defaultย undefinedย 

iconGap: number

defaultย 2ย 

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

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

defaultย 'default'ย 

iconRoot: string

defaultย undefinedย 

imageList: string

defaultย undefinedย 

lightStyle: SVGStyles|string

defaultย undefinedย 

lineHeight: number

defaultย undefinedย 

numberFormat: string

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

defaultย undefinedย 

numberSymbols: string

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

defaultย undefinedย 

offset: number

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

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

defaultย undefinedย 

outlineThickness: number

defaultย undefinedย 

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

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

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

defaultย 'auto'ย 

prefix: string

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

defaultย undefinedย 

style: SVGStyles|string

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

defaultย undefinedย 

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

๋ฐ์ดํ„ฐ ํฌ์ธํŠธ๋ณ„๋กœ ์ถ”๊ฐ€ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ์„ ๋ฆฌํ„ดํ•œ๋‹ค.

defaultย undefinedย 

suffix: string

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

defaultย undefinedย 

text: string

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

defaultย undefinedย 

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

๋‹ค์ค‘ ๋ผ์ธ์ด๊ฑฐ๋‚˜ ๊ฒฝ๊ณ„๊ฐ€ ์žˆ์„ ๋•Œ, ํ…์ŠคํŠธ ์ƒ์ž ๋‚ด์—์„œ ํ…์ŠคํŠธ ๋ผ์ธ๋“ค์˜ ์ˆ˜ํ‰ ์ •๋ ฌ.

  • 'center' ์˜์—ญ ๊ฐ€์šด๋ฐ๋กœ ์ •๋ ฌํ•œ๋‹ค.
  • 'left' ์™ผ์ชฝ์œผ๋กœ ์ •๋ ฌํ•œ๋‹ค.
  • 'right' ์˜ค๋ฅธ์ชฝ์œผ๋กœ ์ •๋ ฌํ•œ๋‹ค.

defaultย 'center'ย 

textCallback: ( point: any ) => string

๊ณ„์‚ฐ๋˜๋Š” ๊ธฐ๋ณธ text ๋Œ€์‹ , data point label๋กœ ํ‘œ์‹œ๋  text ๋ฆฌํ„ด.
undefined๋‚˜ null์„ ๋ฆฌํ„ดํ•˜๋ฉด textField ๋“ฑ์„ ์‚ฌ์šฉํ•œ ๊ธฐ์กด์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๋นˆ ๋ฌธ์ž์—ด ๋“ฑ ์ •์ƒ์ ์ธ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋ฉด ๊ทธ ๋ฌธ์ž์—ด๋Œ€๋กœ ํ‘œ์‹œ๋œ๋‹ค. prefix ๋‚˜ ํฌ๋งท ์†์„ฑ ๋“ฑ์€ ์ ์šฉ๋˜์ง€ ์•Š๋Š”๋‹ค.

defaultย undefinedย 

textField: string

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

defaultย undefinedย 

visible: boolean

์ด ์†์„ฑ๊ฐ’์ด true์ด๊ฑฐ๋‚˜ visibleCallback ์ด ์„ค์ •๋˜๋ฉด ํ‘œ์‹œ๋œ๋‹ค.

defaultย undefinedย 

visibleCallback: ( point: any ) => boolean

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

defaultย undefinedย 

width: number

defaultย undefinedย