label

RealReport-Chart ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํด๋ž˜์Šค ๋ชจ๋ธ์˜ ์ตœ์ƒ์œ„ base ํด๋ž˜์Šค.

Properties

animatable: boolean

๊ฒŒ์ด์ง€ ๊ฐ’ ๋ณ€๊ฒฝ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ์‹คํ–‰๋  ๋•Œ, label๋„ ๋”ฐ๋ผ์„œ ๋ณ€๊ฒฝ์‹œํ‚จ๋‹ค.

default: true

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'

gap: string | number

label๊ณผ ๋ณธ์ฒด ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ. ํ”ฝ์…€๊ฐ’์ด๋‚˜ ๊ฒŒ์ด์ง€ ์ „์ฒด ํฌ๊ธฐ(position์— ๋”ฐ๋ผ ๋†’์ด๋‚˜ ๋„ˆ๋น„)์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

height: string | number

position์ด 'top', 'bottom'์ผ ๋•Œ, label ํ‘œ์‹œ ์˜์—ญ ๋†’์ด. ํ”ฝ์…€๊ฐ’์ด๋‚˜ ๊ฒŒ์ด์ง€ ์ „์ฒด ๋†’์ด์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

lightStyle: SVGStyles | string

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

maxHeight: string | number

position์ด 'top', 'bottom'์ผ ๋•Œ, label ํ‘œ์‹œ ์˜์—ญ ์ตœ๋Œ€ ๋†’์ด. ํ”ฝ์…€๊ฐ’์ด๋‚˜ ๊ฒŒ์ด์ง€ ์ „์ฒด ๋†’์ด์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. height ๊ฐ€ ์ง€์ •๋˜๋ฉด ์ด ์†์„ฑ์€ ๋ฌด์‹œ๋œ๋‹ค.

default: undefined

maxWidth: string | number

position์ด 'left', 'right'์ผ ๋•Œ, label ํ‘œ์‹œ ์˜์—ญ ์ตœ๋Œ€ ๋„ˆ๋น„. ํ”ฝ์…€๊ฐ’์ด๋‚˜ ๊ฒŒ์ด์ง€ ์ „์ฒด ๋„ˆ๋น„์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. width ๊ฐ€ ์ง€์ •๋˜๋ฉด ์ด ์†์„ฑ์€ ๋ฌด์‹œ๋œ๋‹ค.

default: undefined

numberFormat: string

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

default: undefined

numberSymbols: string

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

default: undefined

position: 'left' | 'top' | 'bottom' | 'right'

๊ฐ’์„ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๊ฒŒ์ด์ง€ ํ‘œ์‹œ ๋ฐฉํ–ฅ์— ๋”ฐ๋ผ ์ž๋™์œผ๋กœ ์œ„์น˜๋ฅผ ๊ฒฐ์ •ํ•œ๋‹ค.

default: undefined

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

visible: boolean

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

default: true

width: string | number

position์ด 'left', 'right'์ผ ๋•Œ, label ํ‘œ์‹œ ์˜์—ญ ๋„ˆ๋น„. ํ”ฝ์…€๊ฐ’์ด๋‚˜ ๊ฒŒ์ด์ง€ ์ „์ฒด ๋„ˆ๋น„์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined