pointLabel
์๋ฆฌ์ฆ ๋ฐ์ดํฐํฌ์ธํธ๋ค์ label ์ต์
.
series
์ 'pointLabel' ํญ๋ชฉ์ผ๋ก ์ค์ ํ๋ค.
const config = {
series: {
pointLabel: {
visible: true,
suffix: '%',
style: {
fontWeight: 'bold',
},
}
}
};
Options
autoContrast: boolean
ํ
์คํธ๊ฐ data point ๋ด๋ถ์ ํ์๋๋ ๊ฒฝ์ฐ ํฌ์ธํธ ์์๊ณผ ๋์กฐ๋๋๋ก ํ์ํ๋ค.
๋ฐ๊ฒ ํ์ํ ๋๋ lightStyle
์ ์ ์ฉํ๊ณ ,
์ด๋ก๊ฒ ํ์ํ ๋๋ darkStyle
์ด ์ ์ฉ๋๋ค.
lightStyle์ด ์ง์ ๋์ง ์์ผ๋ฉด 'rct-text-light'์ด,
darkStyle์ด ์ง์ ๋์ง ์์ผ๋ฉด 'rct-text-dark'๊ฐ ๊ธฐ๋ณธ ์ ์ฉ๋๋ค.
default :true
backgroundStyle: SVGStyles
|string
effect
๊ฐ 'background'์ผ ๋ ๋ฐฐ๊ฒฝ์ ์ ์ฉ๋๋ ์คํ์ผ์
.
darkStyle: SVGStyles
|string
autoContrast
๊ฐ true์ด๊ณ ์ด๋ก๊ฒ ํ์ํ ๋ ์ ์ฉ๋๋ ์คํ์ผ์
.
distance: number
'pie', 'funnel' ์๋ฆฌ์ฆ์์ label์ด ์ธ๋ถ์ ํ์๋ ๋ label๊ณผ ์๋ฆฌ์ฆ ๋ณธ์ฒด์์ ๊ธฐ๋ณธ ๊ฐ๊ฒฉ.
default :25
effect: 'background'|'none'|'outline'
ํ
์คํธ ํ์ ํจ๊ณผ.
'background'
ํ ์คํธ ๋ฐฐ๊ฒฝ ์์๋ฅผ ํ์ํ๋ค.
๋ฐฐ๊ฒฝ ์์์backgroundStyle
์ด ์ ์ฉ๋๋ค. ์คํ์ผ์ด ์ ์ฉ๋์ง ์์ผ๋ฉด ๊ธฐ๋ณธ 'rct-text-background'๊ฐ ์ ์ฉ๋๋ค.'none'
ํจ๊ณผ ์์.'outline'
ํ ์คํธ ์์๊ณผ ๋์กฐ๋๋ ์์์ผ๋ก ํ ์คํธ ์ธ๊ณฝ์ ๊ตฌ๋ถ ํ์ํ๋ค.
default :'none'
iconGap: number
์์ด์ฝ๊ณผ ํ
์คํธ ์ฌ์ด์ ๊ฐ๊ฒฉ.
default :2
iconHeight: number
์์ด์ฝ ์ด๋ฏธ์ง ๋์ด
์ง์ ํ์ง ์์ผ๋ฉด 16 ํฝ์
๋ก ์ค์ ๋๋ค.
iconPosition: 'bottom'|'default'|'left'|'right'|'top'
์ด์ด์ฝ ํ์ ์์น
'bottom'
'default'
'left'
'right'
'top'
default :'default'
iconRoot: string
iconWidth: number
์์ด์ฝ ์ด๋ฏธ์ง ๋๋น.
imageList: string
lightStyle: SVGStyles
|string
autoContrast
๊ฐ true์ด๊ณ ๋ฐ๊ฒ ํ์ํ ๋ ์ ์ฉ๋๋ ์คํ์ผ์
.
lineHeight: number
ํ
์คํธ ํ์ ๋์ด๋ฅผ ๊ณ์ฐ๋๋ ๋์ด์ ๋ค๋ฅด๊ฒ ํ์๋๋๋ก ์ง์ ํ๋ค.
1์ด๋ฉด ๊ณ์ฐ๋ ๋์ด์ ๋์ผํ๊ฒ ํ์๋๋ค.
์ง์ ํ์ง ์์ผ๋ฉด ๊ณ์ฐ๋ ๊ฐ.
numberFormat: string
label์ด ์ซ์์ผ ๋ ํ์ ํ์.
default :'#,##0.#'
numberSymbols: string
์ถ์ tick ๊ฐ๊ฒฉ์ด 1000 ์ด์์ธ ํฐ ์๋ฅผ ํ์ํ ๋
์ด ์์ฑ์ ์ง์ ํ symbol์ ์ด์ฉํด์ ์ถ์ฝํ์ผ๋ก ํ์ํ๋ค.
default :'k,M,G,T,P,E'
offset: number
label๊ณผ point view ์ฌ์ด์ ๊ธฐ๋ณธ ๊ฐ๊ฒฉ.
๊ฐ์ ์ง์ ํ์ง ์์ผ๋ฉด position
์ด 'inside'์ผ ๋๋ 0, ๊ทธ ์ธ๋ 4 ํฝ์
์ด๋ค.
outlineThickness: number
effect
๊ฐ 'outline'์ผ ๋ ์ธ๊ณฝ ํ์คํธ์ ์ธ๊ณฝ์ ๋๊ป.
default :2
position: 'auto'|'foot'|'head'|'inside'|'insideFirst'|'outside'|'outsideFirst'
ํฌ์ธํธ label ํ์ ์์น.
'auto'
'foot'
'head'
'inside'
'insideFirst'
'outside'
'outsideFirst'
default :'auto'
prefix: string
label ๋ฌธ์์ด ์์ ์ถ๊ฐ๋๋ ๋ฌธ์์ด.
style: SVGStyles
|string
์คํ์ผ์ ํน์ class selector.
styleCallback: ( point: any
) => SVGStyles
|string
๋ฐ์ดํฐ ํฌ์ธํธ๋ณ๋ก ์ถ๊ฐ ์ ์ฉ๋๋ ์คํ์ผ์ ๋ฆฌํดํ๋ค.
suffix: string
label ๋ฌธ์์ด ๋์ ์ถ๊ฐ๋๋ ๋ฌธ์์ด.
text: string
Text ํ์.
textAlign: 'center'|'left'|'right'
๋ค์ค ๋ผ์ธ์ด๊ฑฐ๋ ๊ฒฝ๊ณ๊ฐ ์์ ๋, ํ ์คํธ ์์ ๋ด์์ ํ ์คํธ ๋ผ์ธ๋ค์ ์ํ ์ ๋ ฌ.
'center'
์์ญ ๊ฐ์ด๋ฐ๋ก ์ ๋ ฌํ๋ค.'left'
์ผ์ชฝ์ผ๋ก ์ ๋ ฌํ๋ค.'right'
์ค๋ฅธ์ชฝ์ผ๋ก ์ ๋ ฌํ๋ค.
default :'center'
textCallback: ( point: any
) => string
๊ณ์ฐ๋๋ ๊ธฐ๋ณธ text ๋์ , data point label๋ก ํ์๋ text ๋ฆฌํด.
undefined๋ null์ ๋ฆฌํดํ๋ฉด textField
๋ฑ์ ์ฌ์ฉํ ๊ธฐ์กด์ ํ์๋ ํ
์คํธ๋ฅผ ์ฌ์ฉํ๋ค.
๋น ๋ฌธ์์ด ๋ฑ ์ ์์ ์ธ ๋ฌธ์์ด์ ๋ฆฌํดํ๋ฉด ๊ทธ ๋ฌธ์์ด๋๋ก ํ์๋๋ค.
prefix
๋ ํฌ๋งท ์์ฑ ๋ฑ์ ์ ์ฉ๋์ง ์๋๋ค.
textField: string
๊ณ์ฐ๋๋ ๊ธฐ๋ณธ text ๋์ , data point label๋ก ํ์๋ field.
textCallback
์ด ์ค์ ๋๊ณ ์ฝ๋ฐฑ์์ null์ด๋ undefined๋ฅผ ๋ฆฌํดํ์ง ์์ผ๋ฉด ์ด ์์ฑ์ ๋ฌด์๋๋ค.
visible: boolean
์ด ์์ฑ๊ฐ์ด true์ด๊ฑฐ๋ visibleCallback
์ด ์ค์ ๋๋ฉด ํ์๋๋ค.
default :undefined
visibleCallback: ( point: any
) => boolean
๋ฐ์ดํฐ ํฌ์ธํธ๋ณ label ํ์ ์ฌ๋ถ๋ฅผ ๋ฆฌํดํ๋ ์ฝ๋ฐฑ.