label

์ถ• label ์„ค์ • ๋ชจ๋ธ.

Properties

autoArrange: 'none'|'rotate'|'rows'|'step'

๊ธฐ๋ณธ ์„ค์ •์ด๋‚˜ step , rows , rotation ์†์„ฑ๋“ค์„ ๋ช…์‹œ์ ์œผ๋กœ ์„ค์ •ํ•œ ๊ฒฝ์šฐ์—๋„ label๋“ค์ด ๋ณธ๋ž˜ ์ฐจ์ง€ํ•˜๋Š” ๊ณต๊ฐ„์„ ์ดˆ๊ณผํ•  ๋•Œ, label๋“ค์„ ์žฌ๋ฐฐ์น˜ํ•˜๋Š” ๋ฐฉ์‹์„ ์ง€์ •ํ•œ๋‹ค.

  • 'none' label๋“ค์ด ๊ฒน์น˜๋„๋ก ๋†”๋‘”๋‹ค.
  • 'rotate' -45๋„ ํšŒ์ „์‹œํ‚จ๋‹ค.
  • 'rows' label๋“ค์ด ๊ฒน์น˜์ง€ ์•Š๋„๋ก ์—ฌ๋Ÿฌ ์ค„๋กœ ๋‚˜๋ˆ„์–ด ๋ฐฐ์น˜ํ•œ๋‹ค.
  • 'step' label๋“ค์ด ๊ฒน์น˜์ง€ ์•Š๋„๋ก ๊ฑด๋„ˆ ๋›ฐ๋ฉด์„œ ๋ฐฐ์น˜ํ•œ๋‹ค.
    startStep ์œผ๋กœ ์ง€์ •๋œ step๋ถ€ํ„ฐ ๋ฐฐ์น˜๋œ๋‹ค.

default: 'rotate'

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

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

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

default: 'none'

firstOverflow: 'fit'|'hidden'|'pull'

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์ด ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐˆ ๋•Œ ํ‘œ์‹œ ๋ฐฉ์‹.

  • 'fit' ์ถ• ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.
  • 'hidden' ๋„˜์น˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • 'pull' ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.

default: 'pull'

firstStyle: SVGStyles | string

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์— ์ถ”๊ฐ€๋กœ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ.

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

firstText: string

์ฒซ๋ฒˆ์งธ tick ๋ผ๋ฒจ์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ.

default: undefined

lastOverflow: 'fit'|'hidden'|'pull'

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์ด ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐˆ ๋•Œ ํ‘œ์‹œ ๋ฐฉ์‹.

  • 'fit' ์ถ• ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.
  • 'hidden' ๋„˜์น˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • 'pull' ์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด์„  ๋งŒํผ ๋Œ์–ด๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•œ๋‹ค.
    ์‹ค์ œ ํ‘œ์‹œ ์œ„์น˜์™€ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ tick์„ ๋ฐ˜๋“œ์‹œ ํ‘œ์‹œํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ค์ฐจ๋ฅผ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค.

default: 'pull'

lastStyle: SVGStyles | string

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์— ์ถ”๊ฐ€๋กœ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ.

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

lastText: string

๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์— ํ‘œ์‹œ๋  ํ…์ŠคํŠธ.

default: undefined

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

overflowGap: number

์ฐจํŠธ๋‚˜ ๋ถ„ํ•  ๊ฒฝ๊ณ„๋ฅผ ๋„˜์–ด๊ฐ€๋Š” ์ฒซ๋ฒˆ์งธ๋‚˜ ๋งˆ์ง€๋ง‰ tick ๋ผ๋ฒจ์„ ๋Œ์–ด ๋‹น๊ฒจ์„œ ํ‘œ์‹œํ•  ๋•Œ ์ด์ „ ๋ผ๋ฒจ๊ณผ์˜ ์ตœ์†Œ ๊ฐ„๊ฒฉ.
์ด ๊ฐ„๊ฒฉ๋ณด๋‹ค ์ž‘๊ฒŒ ๋˜๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.

default: 12

prefix: string

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

default: undefined

rotation: number

์ˆ˜ํ‰ ์ถ•์ผ ๋•Œ, tick label ํ‘œ์‹œ ํšŒ์ „ ๊ฐ๋„.
-90 ~ 90 ์‚ฌ์ด์˜ ๊ฐ๋„๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

rows: number

์ˆ˜ํ‰ ์ถ•์ผ ๋•Œ tick label ๋ฐฐ์น˜ ํ–‰ ์ˆ˜.
1์€ ํ•œ ์ค„, 2๋ฉด ๋‘ ์ค„ ๋“ฑ์œผ๋กœ ์—ฌ๋Ÿฌ ์ค„๋กœ ๋‚˜๋ˆ ์„œ ํ‘œ์‹œํ•œ๋‹ค.

default: 0

startStep: number

step์ด 2 ์ด์ƒ์ด ๋  ๋•Œ, ํ‘œ์‹œ๊ฐ€ ์‹œ์ž‘๋˜๋Š” label ์œ„์น˜.
0 ~ step - 1 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ์ง€์ •ํ•œ๋‹ค. 'category' ์ถ•์—์„œ ์˜๋ฏธ์žˆ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

default: 0

step: number

label ํ‘œ์‹œ ๊ฐ„๊ฒฉ.
1์ด๋ฉด ๋ชจ๋“  tick ํ‘œ์‹œ. 2์ด๋ฉด ํ•˜๋‚˜์”ฉ ๊ฑด๋„ˆ ๋„์–ด์„œ ํ‘œ์‹œ. 2 ์ด์ƒ์ผ ๋•Œ startStep ์œผ๋กœ ์ง€์ •๋œ step๋ถ€ํ„ฐ ๋ฐฐ์น˜๋œ๋‹ค.

default: 0

style: SVGStyles | string

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

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

styleCallback

๋ผ๋ฒจ ๋ณ„๋กœ ์ถ”๊ฐ€ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ์„ ๋ฆฌํ„ดํ•œ๋‹ค.
๊ธฐ๋ณธ ์„ค์ •์„ ๋”ฐ๋ฅด๊ฒŒ ํ•˜๊ณ  ์‹ถ์œผ๋ฉด undefined๋‚˜ null์„ ๋ฆฌํ„ดํ•œ๋‹ค.

default: undefined

suffix: string

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

default: undefined

text: string

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

default: undefined

textCallback

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

default: undefined

visible: boolean

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

default: true