Config
title

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
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

gap: number

์ฃผ ์ œ๋ชฉ๊ณผ ๋ถ€ ์ œ๋ชฉ์ด ํ‘œ์‹œ๋˜๋Š” ์˜์—ญ๊ณผ ์ฐจํŠธ ๋ณธ์ฒด ๋“ฑ ๊ณผ์˜ ๊ฐ„๊ฒฉ.
์ฃผ ์ œ๋ชฉ์ด ํ‘œ์‹œ๋˜๋ฉด (๋ถ€ ์ œ๋ชฉ์˜ ๊ฐ’์€ ๋ฌด์‹œ๋˜๊ณ )์ฃผ ์ œ๋ชฉ์˜ ๊ฐ’์„ ์‚ฌ์šฉํ•˜๊ณ , ๋ถ€ ์ œ๋ชฉ๋งŒ ํ‘œ์‹œ๋  ๋•Œ๋Š” ๋ถ€ ์ œ๋ชฉ์˜ ๊ฐ’์„ ์‚ฌ์šฉํ•œ๋‹ค.

default: 10

style: SVGStyles | string

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

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

text: string

์ œ๋ชฉ ํ…์ŠคํŠธ.

default: 'Title'

verticalAlign: 'bottom'|'middle'|'top'

์ˆ˜์ง ์ •๋ ฌ.

  • 'bottom'
  • 'middle'
  • 'top'

default: 'middle'

visible: boolean

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

default: true