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
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
textAlign | 'center' | 'left' | 'right' | true |
darkStyle: SVGStyles | string
SVGStyles
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
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
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
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
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
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