title
์ฐจํธ ์ ๋ชฉ(title) ์ค์ ๋ชจ๋ธ.
๊ธฐ๋ณธ์ ์ผ๋ก ์ฐจํธ ์ค์ ์๋จ์ ํ์๋์ง๋ง align , verticalAlign ๋ฑ์ผ๋ก ์์น๋ฅผ ๋ณ๊ฒฝํ ์ ์๋ค.
ํ์ดํ ๊ฐ์ ํ์ด์ง๋ฅผ ์ฐธ์กฐํ๋ค.
Properties
align: 'center'|'left'|'right'
์ํ ์ ๋ ฌ.
'center'
'left'
'right'
default: 'center'
alignBase: 'body'|'chart'|'parent'
์ ๋ ฌ ๊ธฐ์ค. ์๋ฆฌ์ฆ๋ค์ด ๊ทธ๋ ค์ง๋ plotting ์์ญ์ด๋, ์ฐจํธ ์ ์ฒด ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ ์ ์๋ค. ๋, ๋ถ์ ๋ชฉ ์ธ ๊ฒฝ์ฐ ์ ๋ชฉ์ ๊ธฐ์ค์ผ๋ก ์์น๋ฅผ ์ง์ ํ ์ ์๋ค.
'body'
'chart'
'parent'
์์ ๋ชจ๋ธ์ด ์กด์ฌํ๋ ๊ฒฝ์ฐ ์์ ๋ชจ๋ธ ์์ญ ๊ธฐ์ค. ์์๊ฐ ์์ผ๋ฉด ๊ธฐ๋ณธ๊ฐ(๋๋ถ๋ถ 'body')๊ณผ ๋์ผ. ex) subtitle์ธ ๊ฒฝ์ฐ title ๊ธฐ์ค.
default: 'body'
backgroundStyle: SVGStyles | string
๋ฐฐ๊ฒฝ ์คํ์ผ์ ํน์ css 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 |
gap: number
์ฃผ ์ ๋ชฉ๊ณผ ๋ถ ์ ๋ชฉ์ด ํ์๋๋ ์์ญ๊ณผ ์ฐจํธ ๋ณธ์ฒด ๋ฑ ๊ณผ์ ๊ฐ๊ฒฉ.
์ฃผ ์ ๋ชฉ์ด ํ์๋๋ฉด (๋ถ ์ ๋ชฉ์ ๊ฐ์ ๋ฌด์๋๊ณ )์ฃผ ์ ๋ชฉ์ ๊ฐ์ ์ฌ์ฉํ๊ณ ,
๋ถ ์ ๋ชฉ๋ง ํ์๋ ๋๋ ๋ถ ์ ๋ชฉ์ ๊ฐ์ ์ฌ์ฉํ๋ค.
default: 10
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 |
text: string
์ ๋ชฉ ํ ์คํธ.
default: 'Title'
verticalAlign: 'bottom'|'middle'|'top'
์์ง ์ ๋ ฌ.
'bottom'
'middle'
'top'
default: 'middle'
visible: boolean
ํ์ ์ฌ๋ถ.
default: true