Config
category

yAxis[type=category]

์ง€์ •๋œ ์นดํ…Œ๊ณ ๋ฆฌ ๊ฐœ์ˆ˜๋กœ ์ถ•์„ ๋ถ„ํ• ํ•ด์„œ ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ์— ์—ฐ๊ฒฐ๋œ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋“ค์ด ํ‘œ์‹œ๋˜๊ฒŒ ํ•œ๋‹ค.
์นดํ…Œ๊ณ ๋ฆฌ ํ•˜๋‚˜๊ฐ€ 1์˜ ์ถ• ๊ฐ’(๋„ˆ๋น„)์„ ๊ฐ–๋Š”๋‹ค. ์ฃผ๋กœ x์ถ•์œผ๋กœ ์‚ฌ์šฉ๋˜๋ฉฐ, ์„ ํ˜•(linear)์ถ•๊ณผ ๋‹ฌ๋ฆฌ ์ถ•์„ ๋ถ„ํ• ํ•œ ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ๋Š” ์„œ๋กœ ๊ฒฉ๋ฆฌ๋˜์–ด ์žˆ์œผ๋ฉฐ, ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐœ๋ณ„ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋„ˆ๋น„(๊ฐ„๊ฒฉ)๋‚˜ ์นดํ…Œ๊ณ ๋ฆฌ๋“ค ์‚ฌ์ด์˜ ์ˆœ์„œ๋Š” ์˜๋ฏธ๊ฐ€ ์—†๋‹ค. ์ฆ‰, ์นดํ…Œ๊ณ ๋ฆฌ๊ฐ€ ์œ„์น˜ํ•œ ์ถ• ๊ฐ’(์ˆซ์ž)์ด data๋กœ์„œ๋Š” ๋ณ„ ์˜๋ฏธ๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ์— ์‚ฌ์šฉํ•œ๋‹ค. ์ถ• ์ƒ์— ๋ฐ์ดํ„ฐํฌ์ธํŠธ๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š๋Š” ์˜์—ญ์ด ์กด์žฌํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ์„ ํ˜• ์ถ•์„ ๊ณ ๋ คํ•ด์•ผ ํ•œ๋‹ค. (๋ฐ์ดํ„ฐํฌ์ธํŠธ๊ฐ€ ์—†์€ ์˜์—ญ์„ ์ž๋™์œผ๋กœ ์—†์• ์ง€๋Š” ์•Š๋Š”๋‹ค.)
๋ฐ˜๋Œ€๋กœ, ์„ ํ˜•(linear, time, log) ์ถ•๋“ค์€ ์ถ• ๊ฐ’์ด ์˜๋ฏธ์žˆ๋Š” data์ด๋ฏ€๋กœ, ์ถ• ๊ฐ’์€ ์—ฐ์†๋˜๊ณ  ๋ฐ์ดํ„ฐํฌ์ธํŠธ๊ฐ€ ์—†๋Š” ์˜์—ญ ๋˜ํ•œ ๊ทธ ์ž์ฒด๋กœ ์˜๋ฏธ๊ฐ€ ์žˆ๋‹ค.
๋˜, ์ถ• label์— ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ๋Œ€ํ‘œํ•˜๋Š” ์ด๋ฆ„์„ ํ‘œ์‹œํ•  ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋จผ์ € ์นดํ…Œ๊ณ ๋ฆฌ ์ถ•์„ ๊ณ ๋ คํ•ด์•ผ ํ•œ๋‹ค. startValue ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ valueStep ์†์„ฑ์— ์ง€์ •๋œ ๊ฐ’์”ฉ ์ฐจ๋ก€๋Œ€๋กœ ์ฆ๊ฐ€ํ•œ ๊ฐ’์„ ๊ฐ–๊ฒŒ๋œ๋‹ค. categories ์†์„ฑ์œผ๋กœ ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ์ง€์ •ํ•  ๋•Œ, ์ƒ๋Œ€์  ํฌ๊ธฐ๋ฅผ width๋กœ ์ง€์ •ํ•ด์„œ ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ฐ’์„ ๋‹ค๋ฅด๊ฒŒ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋‹ค.

Properties

categories

๋ช…์‹œ์ ์œผ๋กœ ์ง€์ •ํ•˜๋Š” ์นดํ…Œ๊ณ ๋ฆฌ ๋ชฉ๋ก.
๋ฌธ์ž์—ด๋กœ ์นดํ…Œ๊ณ ๋ฆฌ ํ•ญ๋ชฉ์„ ์ง€์ •ํ•˜๊ฑฐ๋‚˜, object๋กœ ์ง€์ •ํ•  ๋•Œ์—๋Š” name(ํ˜น์€ label) ์†์„ฑ์— ์นดํ…Œ๊ณ ๋ฆฌ ์ด๋ฆ„์„ ๋ฌธ์ž์—ด๋กœ, width ์†์„ฑ์— ์ƒ๋Œ€ ๋„ˆ๋น„(1์ด ๊ธฐ๋ณธ ๋„ˆ๋น„)๋ฅผ ์ˆซ์ž๋กœ ์ง€์ •ํ•œ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๊ฐ’์ด startValue ์— ํ•ด๋‹นํ•˜๊ณ  valueStep ์”ฉ ์ฆ๊ฐ€ํ•œ๋‹ค. ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ์ƒ๋Œ€์  ๋„ˆ๋น„๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
์ด ๋ชฉ๋ก์„ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ์ถ•์— ์—ฐ๊ฒฐ๋œ ์‹œ๋ฆฌ์ฆˆ๋“ค๋กœ๋ถ€ํ„ฐ ์นดํ…Œ๊ณ ๋ฆฌ ๋ชฉ๋ก์„ ์ž๋™ ์ƒ์„ฑํ•œ๋‹ค. ํ•˜์ง€๋งŒ ์‹œ๋ฆฌ์ฆˆ๋“ค์ด ๋ชจ๋‘ ์‚ฌ๋ผ์ง€๋Š” ๊ฒฝ์šฐ ์นดํ…Œ๊ณ ๋ฆฌ ๋ชฉ๋ก ์—ญ์‹œ ์‚ฌ๋ผ์ง€๋ฏ€๋กœ, ๊ธฐ๋Œ€ํ•˜๋Š” ์นดํ…Œ๊ณ ๋ฆฌ ๋ชฉ๋ก์„ ๊ณ ์ • ํ‘œ์‹œํ•˜๋ ค๋Š” ๊ฒฝ์šฐ ์ด ๋ชฉ๋ก์„ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

default: undefined

categoryField: string | number

์นดํ…Œ๊ณ ๋ฆฌ๋กœ ์‚ฌ์šฉ๋˜๋Š” dataPoint ์†์„ฑ.
categories ๊ฐ€ ์ง€์ •๋˜๋ฉด ์ด ์†์„ฑ์€ ๋ฌด์‹œ๋œ๋‹ค.

default: undefined

categoryPadding: number

๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ์˜ ์–‘ ๋์— ์ถ”๊ฐ€๋˜๋Š” ์—ฌ๋ฐฑ์˜ ์นดํ…Œ๊ณ ๋ฆฌ์— ๋„ˆ๋น„์— ๋Œ€ํ•œ ์ƒ๋Œ€์  ํฌ๊ธฐ.
0 ~ 0.5 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ์ง€์ •ํ•œ๋‹ค.

default: 0.1

categorySeries: string

Category ๋ชฉ๋ก์„ ์ˆ˜์ง‘ํ•˜๋Š” ์‹œ๋ฆฌ์ฆˆ.
์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๋ชจ๋“  ์‹œ๋ฆฌ์ฆˆ์—์„œ ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ์ˆ˜์ง‘ํ•œ๋‹ค.

default: undefined

col: number

๋ถ„ํ•  ๋ชจ๋“œ์ผ ๋•Œ ์ถ•์ด ํ‘œ์‹œ๋  pane์˜ ์ˆ˜ํ‰ ์œ„์น˜.

default: 0

crosshair: any

fixedSize: boolean

true๋กœ ์ง€์ •ํ•˜๋ฉด ์ƒˆ๋กœ ๊ณ„์‚ฐ๋œ ๋„ˆ๋น„๋‚˜ ๋†’์ด๊ฐ€ ์ด์ „ ๊ณ„์‚ฐ๋œ ํฌ๊ธฐ๋ณด๋‹ค ์ž‘์œผ๋ฉด ์ด์ „ ํฌ๊ธฐ๋ฅผ ์œ ์ง€ํ•œ๋‹ค.

default: false

grid

visible ๊ธฐ๋ณธ๊ฐ’์ด undefined์ด๋‹ค.
visible์ด undefined๋‚˜ null๋กœ ์ง€์ •๋˜๋ฉด, ์ถ• ์œ„์น˜์— ๋”ฐ๋ผ visible ์—ฌ๋ถ€๊ฐ€ ๊ฒฐ์ •๋œ๋‹ค.

default: undefined

guides

๊ธฐ๋ณธ์ ์œผ๋กœ ์ด ์ถ•์— ์—ฐ๊ฒฐ๋œ ๋ชจ๋“  body์— ๋ชจ๋‘ ํ‘œ์‹œ๋œ๋‹ค. col, row๋ฅผ ์ง€์ •ํ•ด์„œ ํŠน์ • body์—๋งŒ ํ‘œ์‹œ๋˜๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค.

label

์ถ• label ์„ค์ • ๋ชจ๋ธ.

line

์ถ• ์„ (line) ์„ค์ • ๋ชจ๋ธ.

marginFar: number

์ฐจํŠธ ๊ฒฝ๊ณ„๋‚˜ ๋’ค์ชฝ ์ถ• ์‚ฌ์ด์˜ ์—ฌ๋ฐฑ ํฌ๊ธฐ.

default: 0

marginNear: number

plot ์˜์—ญ์ด๋‚˜ ๋จผ์ € ํ‘œ์‹œ๋˜๋Š” ์ถ• ์‚ฌ์ด์˜ ์—ฌ๋ฐฑ ํฌ๊ธฐ.

default: 0

maxPadding: number

์ถ•์˜ ๋ ์นดํ…Œ๊ณ ๋ฆฌ ์œ„์น˜ ์ด ํ›„์— ์—ฌ๋ฐฑ์œผ๋กœ ์ถ”๊ฐ€๋˜๋Š” ํฌ๊ธฐ.
์นดํ…Œ๊ณ ๋ฆฌ ๊ธฐ๋ณธ ๋„ˆ๋น„(1)์— ๋Œ€ํ•œ ์ƒ๋Œ€์  ํฌ๊ธฐ๋กœ ์ง€์ •ํ•œ๋‹ค. padding ์†์„ฑ์œผ๋กœ ์–‘๋ padding์„ ํ•œ๊บผ๋ฒˆ์— ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

maxValue: number

๋ช…์‹œ์ ์œผ๋กœ ์ง€์ •ํ•˜๋Š” ์ตœ๋Œ€๊ฐ’.

default: undefined

minPadding: number

์ถ•์˜ ์‹œ์ž‘ ์นดํ…Œ๊ณ ๋ฆฌ ์œ„์น˜ ์ด ์ „์— ์—ฌ๋ฐฑ์œผ๋กœ ์ถ”๊ฐ€๋˜๋Š” ํฌ๊ธฐ.
์นดํ…Œ๊ณ ๋ฆฌ ๊ธฐ๋ณธ ๋„ˆ๋น„(1)์— ๋Œ€ํ•œ ์ƒ๋Œ€์  ํฌ๊ธฐ๋กœ ์ง€์ •ํ•œ๋‹ค. padding ์†์„ฑ์œผ๋กœ ์–‘๋ padding์„ ํ•œ๊บผ๋ฒˆ์— ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

minValue: number

๋ช…์‹œ์ ์œผ๋กœ ์ง€์ •ํ•˜๋Š” ์ตœ์†Œ๊ฐ’.

default: undefined

name: string

default: undefined

padding: number

์ถ•์˜ ์–‘ ๋ ์นดํ…Œ๊ณ ๋ฆฌ ์œ„์น˜ ์ „ํ›„์— ์—ฌ๋ฐฑ์œผ๋กœ ์ถ”๊ฐ€๋˜๋Š” ํฌ๊ธฐ.
๊ฐ๊ฐ ์‹œ์ž‘/๋ ์นดํ…Œ๊ณ ๋ฆฌ์— ๋Œ€ํ•œ ์ƒ๋Œ€์  ํฌ๊ธฐ๋กœ ์ง€์ •ํ•œ๋‹ค. minPadding , maxPadding ์œผ๋กœ ๋ณ„๋„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

default: 0

position: 'base'|'normal'|'opposite'

ํ‘œ์‹œ ์œ„์น˜. ๊ธฐ๋ณธ์ ์œผ๋กœ ์ƒ๋Œ€ ์ถ•์˜ ์›์  ์ชฝ์— ํ‘œ์‹œ๋œ๋‹ค.

  • 'base' ์ƒ๋Œ€ ์ถ•์˜ baseValue ์ง€์ ์— ํ‘œ์‹œ๋œ๋‹ค.
    [์ฃผ์˜] 1. ์ถ•์— ์—ฐ๊ฒฐ๋œ ์‹œ๋ฆฌ์ฆˆ๋“ค์ด BarSeries ๊ณ„์—ด์ผ ๋•Œ๋งŒ ๊ฐ€๋Šฅํ•˜๋‹ค. 2. ์ฐจํŠธ์˜ X์ถ• ํ•˜๋‚˜์—๋งŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‘๋ฒˆ์งธ๋กœ ์ง€์ •๋œ ์ถ•์˜ ์†์„ฑ์€ NORMAL ๋กœ ์ ์šฉ๋œ๋‹ค. 3. ์ƒ๋Œ€ ์ถ•์ด linear ๊ฐ€ ์•„๋‹ˆ๊ฑฐ๋‚˜ baseValue ๊ฐ€ min ๋ณด๋‹ค ์ž‘๊ฑฐ๋‚˜ max๋ณด๋‹ค ํฌ๋ฉด ์ด ๊ฐ’์€ ๋ฌด์‹œ๋˜๊ณ , NORMAL ๋กœ ์ ์šฉ๋œ๋‹ค.
  • 'normal' X์ถ•์€ ์•„๋ž˜์ชฝ์— ์ˆ˜ํ‰์œผ๋กœ, Y์ถ•์€ ์™ผ์ชฝ์— ์ˆ˜์ง์œผ๋กœ ํ‘œ์‹œ๋œ๋‹ค.
    inverted ์ด๋ฉด Y์ถ•์ด ์•„๋ž˜์ชฝ์— ์ˆ˜ํ‰์œผ๋กœ, X์ถ•์€ ์™ผ์ชฝ์— ์ˆ˜์ง์œผ๋กœ ํ‘œ์‹œ๋œ๋‹ค.
  • 'opposite' X์ถ•์€ ์œ„์ชฝ์— ์ˆ˜ํ‰์œผ๋กœ, Y์ถ•์€ ์˜ค๋ฅธ์ชฝ์— ์ˆ˜์ง์œผ๋กœ ํ‘œ์‹œ๋œ๋‹ค.
    inverted ์ด๋ฉด Y์ถ•์ด ์œ„์ชฝ์— ์ˆ˜ํ‰์œผ๋กœ, X์ถ•์€ ์˜ค๋ฅธ์ชฝ์— ์ˆ˜์ง์œผ๋กœ ํ‘œ์‹œ๋œ๋‹ค.

default: 'normal'

reversed: boolean

true๋ฉด ๋ฐ˜๋Œ€ ๋ฐฉํ–ฅ์œผ๋กœ point ์œ„์น˜๋“ค์ด ์ง€์ •๋œ๋‹ค.

default: false

row: number

๋ถ„ํ•  ๋ชจ๋“œ์ผ ๋•Œ ์ถ•์ด ํ‘œ์‹œ๋  pane์˜ ์ˆ˜์ง ์œ„์น˜.

default: 0

scrollBar

์ถ• ์Šคํฌ๋กค๋ฐ” ๋ชจ๋ธ.
์ถ• ์Šคํฌ๋กค ์ƒํƒœ๋ฅผ ํ‘œ์‹œํ•˜๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ์Šคํฌ๋กค ๋ฒ”์œ„๋‚˜ ์œ„์น˜๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋‹ค.

sectorLine

๋ถ€์ฑ„๊ผด polar ์ขŒํ‘œ๊ณ„์˜ X ์ถ•์ผ ๋•Œ ์›ํ˜ธ์˜ ์–‘ ๋๊ณผ ์ค‘์‹ฌ์— ์—ฐ๊ฒฐ๋˜๋Š” ์„ ๋ถ„๋“ค์˜ ์„ค์ •๋ชจ๋ธ.
startAngle , totalAngle ์„ ์ฐธ์กฐํ•œ๋‹ค.

default: undefined

startAngle: number

Polar ์ฐจํŠธ์—์„œ ์‚ฌ์šฉ๋  ๋•Œ ์‹œ์ž‘ ๊ฐ๋„.

default: 0

startOffset: number

polar ์ถ•์ผ ๋•Œ ์‹œ์ž‘ ์œ„์น˜ ๊ฐ„๊ฒฉ.
์ฒซ๋ฒˆ์งธ ์นดํ…Œ๊ณ ๋ฆฌ ๋„ˆ๋น„(๊ฐ๋„)์— ๋Œ€ํ•œ ์ƒ๋Œ€๊ฐ’์œผ๋กœ 0~1 ์‚ฌ์ด์˜ ๊ฐ’์„ ์ง€์ •ํ•œ๋‹ค. ex) 0.5๋กœ ์ง€์ •ํ•˜๋ฉด bar ์‹œ๋ฆฌ์ฆˆ์˜ ์ฒซ ์งธ bar๊ฐ€ 12์‹œ ์œ„์น˜์— ํ‘œ์‹œ๋œ๋‹ค.

default: 0

style: SVGStyles | string

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

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

tick

์ถ•์— ํ‘œ์‹œ๋˜๋Š” tick ์œ„์น˜์™€ ํ‘œ์‹œ ๋งˆํฌ์— ๊ด€ํ•œ ์„ค์ • ๋ชจ๋ธ.

title

์ถ• ํƒ€์ดํ‹€ ์„ค์ • ๋ชจ๋ธ.

tooltipFooter: string

์ถ•์— ํฌํ•จ๋œ ์‹œ๋ฆฌ์ฆˆ๋“ค ํˆดํŒ์˜ ์•„๋ž˜์ชฝ์— ํ‘œ์‹œ๋˜๋Š” ํ…์ŠคํŠธ.

default: undefined

tooltipHeader: string

์ถ•์— ํฌํ•จ๋œ ์‹œ๋ฆฌ์ฆˆ๋“ค ํˆดํŒ์˜ ์œ„์ชฝ์— ํ‘œ์‹œ๋˜๋Š” ํ…์ŠคํŠธ.

tooltipHeader tooltipRow, tooltipRow, ... tooltipFooter ํ˜•ํƒœ๋กœ ํˆดํŒ์ด ํ‘œ์‹œ๋œ๋‹ค.

default: '<b>${name}</b>'

tooltipRow: string

์ถ•์— ํฌํ•จ๋œ ๊ฐ ์‹œ๋ฆฌ์ฆˆ๋ณ„ ํ‘œ์‹œ๋˜๋Š” ํฌ์ธํŠธ ํˆดํŒ ํ…์ŠคํŠธ.

default: '${series}:<b> ${yValue}</b>'

totalAngle: number

Polar ์ฐจํŠธ์—์„œ ์‚ฌ์šฉ๋  ๋•Œ ์›ํ˜ธ ์ „์ฒด ๊ฐ๋„.
0 ~ 360 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ์ง€์ •ํ•ด์•ผ ํ•œ๋‹ค. ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚œ ๊ฐ’์€ ๋ฒ”์œ„ ์•ˆ์œผ๋กœ ์กฐ์ •๋œ๋‹ค. ์ง€์ •ํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ์ž˜๋ชป๋œ ๊ฐ’์ด๋ฉด 360์œผ๋กœ ๊ณ„์‚ฐ๋œ๋‹ค.

default: 360

unit: string

label ๋“ฑ์— ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ๋‹จ์œ„ ์ •๋ณด ๋ฌธ์ž์—ด.

default: undefined

visible: boolean

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

default: true