Config
series

series

์‹œ๋ฆฌ์ฆˆ๋Š” data ๋กœ ์ง€์ •๋œ ๊ฐ’๋“ค์„ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋กœ ํ‘œ์‹œํ•˜๋Š” ์ฐจํŠธ์˜ ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ์ด๋‹ค.
์ฐจํŠธ ์„ค์ •์˜ ๋‹ค๋ฅธ ๋ถ€๋ถ„์ด๋‚˜ API์— ์ฐธ์กฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” name ์„ ๋ฐ˜๋“œ์‹œ ์ง€์ •ํ•ด์•ผ ํ–”๋‹ค. ์ฐจํŠธ ์ƒ์„ฑ ์‹œ 'type'**์„ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด **'bar' ์‹œ๋ฆฌ์ฆˆ๋กœ ์ƒ์„ฑ๋œ๋‹ค.
pointStyleCallback , ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋ณ„๋กœ ์ง€์ •๋œ ์ƒ‰์ƒ, pointColors , color ์ˆœ์„œ๋Œ€๋กœ ์šฐ์„  ์ ์šฉ๋œ๋‹ค.

Properties

center: string | number

default: undefined

centerX: string | number

default: undefined

centerY: string | number

default: undefined

col: number

๋ถ„ํ•  ๋ชจ๋“œ์ผ ๋•Œ ์‹œ๋ฆฌ์ฆˆ๊ฐ€ ํ‘œ์‹œ๋  pane์˜ ์ˆ˜ํ‰ index.

default: undefined

color: string | number

๋ฐ์ดํ„ฐ ํฌ์ธํŠธ ๊ธฐ๋ณธ ์ƒ‰.
์ˆซ์ž๋กœ ์ง€์ •ํ•˜๋ฉด ์ •์ˆ˜๋กœ ๋ณ€ํ™˜๋œ ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” ํŒ”๋ ˆํŠธ ์ƒ‰์ƒ์œผ๋กœ ์„ค์ •๋œ๋‹ค. 'var(--color-n)'์œผ๋กœ ์ง€์ •ํ•œ ๊ฒƒ๊ณผ ๋™์ผํ•˜๋ฉฐ, 1 ~ 12 ์‚ฌ์ด์˜ ๊ฐ’์œผ๋กœ ์ง€์ •ํ•œ๋‹ค.
pointColors ๋‚˜ pointStyleCallback ์œผ๋กœ ์„ค์ •๋œ ์ƒ‰์ƒ์ด ์ด ์†์„ฑ์œผ๋กœ ์„ค์ •ํ•œ ์ƒ‰์ƒ๋ณด๋‹ค ์šฐ์„ ํ•œ๋‹ค.

default: undefined

colorField: string

undefined์ด๋ฉด, data point์˜ ๊ฐ’์ด ๊ฐ์ฒด์ผ ๋•Œ 'color'.

default: undefined

data: any

๋ฐ์ดํ„ฐํฌ์ธํ„ฐ๋“ค์„ ์ƒ์„ฑํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๊ฐ’ ๋ชฉ๋ก.

default: undefined

hoverStyle: SVGStyles | string

๋ฐ์ดํ„ฐํฌ์ธํŠธ ์œ„์— ๋งˆ์šฐ์Šค๊ฐ€ ์žˆ์„ ๋•Œ ์ ์šฉ๋˜๋Š” ์Šคํƒ€์ผ์…‹ ํ˜น์€ class selector.

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

label: string

์ด ์‹œ๋ฆฌ์ฆˆ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ํ…์ŠคํŠธ.
๋ ˆ์ „๋“œ๋‚˜ ํˆดํŒ์—์„œ ์‹œ๋ฆฌ์ฆˆ๋ฅผ ๋Œ€ํ‘œํ•œ๋‹ค. ์ด ์†์„ฑ์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด name ์ด ์‚ฌ์šฉ๋œ๋‹ค.

default: undefined

legendByPoint: boolean

๋ฐ์ดํ„ฐ ํฌ์ธํŠธ๋ณ„ legend ํ•ญ๋ชฉ์„ ํ‘œ์‹œํ•œ๋‹ค.

default: false

name: string

์‹œ๋ฆฌ์ฆˆ ์ด๋ฆ„.
์‹œ๋ฆฌ์ฆˆ ์ƒ์„ฑ์‹œ ์ง€์ •๋œ ํ›„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค. ์ฐจํŠธ์˜ ๋‹ค๋ฅธ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ์ด ์‹œ๋ฆฌ์ฆˆ๋ฅผ ์ฐธ์กฐํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋ฉฐ, ๋ ˆ์ „๋“œ๋‚˜ ํˆดํŒ์—์„œ ์‹œ๋ฆฌ์ฆˆ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ํ…์ŠคํŠธ๋กœ๋„ ์‚ฌ์šฉ๋œ๋‹ค.

default: undefined

noClip: boolean

true๋กœ ์ง€์ •ํ•˜๋ฉด body๋ฅผ ๋ฒ—์–ด๋‚œ data point ์˜์—ญ๋„ ํ‘œ์‹œ๋œ๋‹ค.
๊ฐ’์„ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด polar ์ฐจํŠธ์—์„œ๋Š” true, ์ง๊ต ์ฐจํŠธ์—์„œ๋Š” false์ด๋‹ค. group์— ํฌํ•จ๋˜๋ฉด group์˜ noClip ์„ค์ •์„ ๋”ฐ๋ฅธ๋‹ค.

default: undefined

onPointClick

๋ฐ์ดํ„ฐ point๊ฐ€ ํด๋ฆญ๋  ๋•Œ ํ˜ธ์ถœ๋˜๋Š” ์ด๋ฒคํŠธ ์ฝœ๋ฐฑ.
๋ช…์‹œ์  true๋ฅผ ๋ฆฌํ„ดํ•˜๋ฉด ๊ธฐ๋ณธ ๋™์ž‘์ด ์ง„ํ–‰๋˜์ง€ ์•Š๋Š”๋‹ค.

default: undefined

onPointHover

๋งˆ์šฐ์Šค๊ฐ€ ๋ฐ์ดํ„ฐ point ์œ„์— ์˜ฌ๋ผ๊ฐ€๊ฑฐ๋‚˜ ๋น ์ ธ๋‚˜๊ฐˆ ๋•Œ ํ˜ธ์ถœ๋˜๋Š” ์ด๋ฒคํŠธ ์ฝœ๋ฐฑ.
๋น ์ ธ๋‚˜๊ฐ€๋Š” ๊ฒฝ์šฐ args ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” null์ด๋‹ค.

default: undefined

pointColors: string | string[]

๋ฐ์ดํ„ฐ ํฌ์ธํŠธ๋ณ„ ์ƒ‰๋“ค์„ ์ง€์ •ํ•œ๋‹ค.
์ƒ‰ ๋ฐฐ์—ด๋กœ ์ง€์ •ํ•˜๊ฑฐ๋‚˜, 'colors' asset์œผ๋กœ ๋“ฑ๋ก๋œ ์ด๋ฆ„์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
pointStyleCallback ์œผ๋กœ ์„ค์ •๋œ ์ƒ‰์ƒ์ด๋‚˜ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋ณ„๋กœ ์ง€์ •ํ•œ ์ƒ‰์ƒ์ด ์ด ์†์„ฑ์œผ๋กœ ์„ค์ •ํ•œ ์ƒ‰์ƒ๋ณด๋‹ค ์šฐ์„ ํ•œ๋‹ค.

default: undefined

pointLabel

๋ฐ์ดํ„ฐํฌ์ธํŠธ label ์„ค์ • ๋ชจ๋ธ.

default: undefined

pointStyle: SVGStyles | string

๋ชจ๋“  ๋ฐ์ดํ„ฐํฌ์ธํŠธ์— ์ ์šฉ๋˜๋Š” inline ์Šคํƒ€์ผ์…‹.
style ๋กœ ์„ค์ •๋˜๋Š” ์‹œ๋ฆฌ์ฆˆ์˜ inline ์Šคํƒ€์ผ์ด ๋ฐ์ดํ„ฐํฌ์ธํ„ฐ์— ์ ์šฉ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ์ด ์†์„ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. pointColors ๋‚˜ color ๊ฐ€ ์„ค์ •๋˜๋ฉด ์ด ์†์„ฑ์œผ๋กœ ์„ค์ •๋œ ์ƒ‰์ƒ์€ ๋ฌด์‹œ๋œ๋‹ค. ๋˜, pointStyleCallback ์œผ๋กœ ์„ค์ •๋œ ์Šคํƒ€์ผ์ด ์ด ์†์„ฑ ์Šคํƒ€์ผ๋ณด๋‹ค ์šฐ์„ ํ•œ๋‹ค.

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

pointStyleCallback

๋ฐ์ดํ„ฐ point์˜ ๋™์  ์Šคํƒ€์ผ ์ฝœ๋ฐฑ.

default: undefined

row: number

๋ถ„ํ•  ๋ชจ๋“œ์ผ ๋•Œ ์‹œ๋ฆฌ์ฆˆ๊ฐ€ ํ‘œ์‹œ๋  pane์˜ ์ˆ˜์ง index.

default: undefined

style: SVGStyles | string

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

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

tooltipText: string

๋ฐ์ดํ„ฐํฌ์ธํŠธ ํˆดํŒ ํ…์ŠคํŠธ.

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

trendline

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

default: undefined

viewRangeValue: 'x' | 'y' | 'z'

ranges๊ฐ€ ์ ์šฉ๋˜๋Š” ๊ฐ’.
์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ์‹œ๋ฆฌ์ฆˆ ์ข…๋ฅ˜์— ๋ ๋ผ ์ž๋™ ์ ์šฉ๋œ๋‹ค. 'line' ์‹œ๋ฆฌ์ฆˆ ๊ณ„์—ด์€ 'x', ๋‚˜๋จธ์ง€๋Š” 'y'๊ฐ€ ๋œ๋‹ค. ํ˜„์žฌ 'z'์€ range๋Š” bubble ์‹œ๋ฆฌ์ฆˆ์—๋งŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

default: undefined

viewRanges: IValueRanges | IValueRange[]

๊ฐ’ ๋ฒ”์œ„ ๋ชฉ๋ก.
๋ฒ”์œ„๋ณ„๋กœ ๋‹ค๋ฅธ ์Šคํƒ€์ผ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฒ”์œ„๋“ค์€ ์ค‘์ฒฉ๋  ์ˆ˜ ์—†๋‹ค.

default: undefined

visible: boolean

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

default: true

visibleInLegend: boolean

๋ช…์‹œ์  false๋กœ ์ง€์ •ํ•˜๋ฉด legend์— ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.

default: true

xAxis: string | number

๊ทธ๋ฃน์— ํฌํ•จ๋˜๋ฉด ๊ทธ๋ฃน ์„ค์ •์„ ๋”ฐ๋ฅธ๋‹ค.

default: undefined

xField: string | number

json ๊ฐ์ฒด๋‚˜ ๋ฐฐ์—ด๋กœ ์ „๋‹ฌ๋˜๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ ์ •๋ณด์—์„œ x ๊ฐ’์„ ์ง€์ •ํ•˜๋Š” ์†์„ฑ๋ช…์ด๋‚˜ ์ธ๋ฑ์Šค.
undefined์ด๋ฉด, data point์˜ ๊ฐ’์ด array์ผ ๋•Œ๋Š” 0, ๊ฐ์ฒด์ด๋ฉด 'x'.

default: undefined

xStart: any

์—ฐ๊ฒฐ๋œ x์ถ•์ด ์—ฐ์† ์ถ•(์นดํ…Œ๊ณ ๋ฆฌ์ถ•์ด ์•„๋‹Œ)์ผ ๋•Œ, x์ถ• ๊ฐ’์ด ์„ค์ •๋˜์ง€ ์•Š์€ ์ฒซ๋ฒˆ์งธ ๋ฐ์ดํ„ฐ point์— ์„ค์ •๋˜๋Š” x๊ฐ’.
์ด ํ›„์—๋Š” xStep ์”ฉ ์ฆ๊ฐ€์‹œํ‚ค๋ฉด์„œ ์„ค์ •ํ•œ๋‹ค. ์ด ์†์„ฑ์ด ์ง€์ •๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ xStart ๊ฐ€ ์ ์šฉ๋œ๋‹ค.

default: undefined

xStep: string | number

์—ฐ๊ฒฐ๋œ x์ถ•์ด ์—ฐ์† ์ถ•(์นดํ…Œ๊ณ ๋ฆฌ์ถ•์ด ์•„๋‹Œ)์ผ ๋•Œ, x์ถ• ๊ฐ’์ด ์„ค์ •๋˜์ง€ ์•Š์€ ๋ฐ์ดํ„ฐ point์— ์ง€์ •๋˜๋Š” x๊ฐ’์˜ ๊ฐ„๊ฒฉ.
์ฒซ๋ฒˆ์งธ ๊ฐ’์€ xStart ๋กœ ์„ค์ •ํ•œ๋‹ค. time ์ถ•์ผ ๋•Œ, ์ •์ˆ˜ ๊ฐ’ ๋Œ€์‹  ์‹œ๊ฐ„ ๋‹จ์œ„('y', 'm', 'w', 'd', 'h', 'n', 's')๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด ์†์„ฑ์ด ์ง€์ •๋˜์ง€ ์•Š์œผ๋ฉด xStep ์ด ์ ์šฉ๋œ๋‹ค.

default: undefined

yAxis: string | number

๊ทธ๋ฃน์— ํฌํ•จ๋˜๋ฉด ๊ทธ๋ฃน ์„ค์ •์„ ๋”ฐ๋ฅธ๋‹ค.

default: undefined

yField: string | number | Function

json ๊ฐ์ฒด๋‚˜ ๋ฐฐ์—ด๋กœ ์ „๋‹ฌ๋˜๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ ์ •๋ณด์—์„œ y ๊ฐ’์„ ์ง€์ •ํ•˜๋Š” ์†์„ฑ๋ช…์ด๋‚˜ ์ธ๋ฑ์Šค.
undefined์ด๋ฉด, data point์˜ ๊ฐ’์ด array์ผ ๋•Œ๋Š” 1, ๊ฐ์ฒด์ด๋ฉด 'y'.

default: undefined

zField: string | number | Function

json ๊ฐ์ฒด๋‚˜ ๋ฐฐ์—ด๋กœ ์ „๋‹ฌ๋˜๋Š” ๋ฐ์ดํ„ฐํฌ์ธํŠธ ์ •๋ณด์—์„œ z ๊ฐ’์„ ์ง€์ •ํ•˜๋Š” ์†์„ฑ๋ช…์ด๋‚˜ ์ธ๋ฑ์Šค.
undefined์ด๋ฉด, data point์˜ ๊ฐ’์ด array์ผ ๋•Œ๋Š” 2, ๊ฐ์ฒด์ด๋ฉด 'z'.

default: undefined

zOrder: number

์‹œ๋ฆฌ์ฆˆ ํ‘œ์‹œ ์ˆœ์„œ๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
๊ฐ’์ด ํด ์ˆ˜๋ก ๋‚˜์ค‘์—(์œ„์—) ํ‘œ์‹œ๋œ๋‹ค.

default: 0