Config
series

series

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

Options

boundsAnimation: boolean

widget ๋ณธ์ฒด์˜ ํฌ๊ธฐ๋‚˜ ํ‘œ์‹œ ์œ„์น˜๊ฐ€ ๋ณ€๊ฒฝ๋์„ ๋•Œ animation ์‹คํ–‰ ์—ฌ๋ถ€

defaultย undefinedย 

center: string|number

defaultย undefinedย 

centerX: string|number

defaultย '50%'ย 

centerY: string|number

defaultย '50%'ย 

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ย 

hoverEffect: 'none'|'default'

๋ฐ์ดํ„ฐํฌ์ธํŠธ hover ํšจ๊ณผ.

defaultย undefinedย 

hoverStyle: SVGStyles|string

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

defaultย undefinedย 

label: string

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

defaultย undefinedย 

legendByPoint: boolean

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

defaultย undefinedย 

loadAnimation: 'default'|'reveal'|'grow'|'spread'|'fadein'

์ฐจํŠธ ์„ค์ • ๋กœ๋“œ ์‹œ ์‹คํ–‰๋˜๋Š” animation ์ข…๋ฅ˜.

defaultย undefinedย 

name: string

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

defaultย undefinedย 

noClip: boolean

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

defaultย undefinedย 

onPointClick: ( args: DataPointCallbackArgs ) => boolean

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

defaultย undefinedย 

onPointHover: ( args: DataPointCallbackArgs ) => void

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

defaultย undefinedย 

onPointsLoaded: ( series: object, firstTime: boolean ) => void

๋ฐ์ดํ„ฐํฌ์ธํŠธ๋“ค์ด ์ƒˆ๋กœ ๋กœ๋“œ๋œ ํ›„ ํ˜ธ์ถœ๋œ๋‹ค.

defaultย undefinedย 

pointColors: string|string[]

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

defaultย undefinedย 

pointLabel: boolean|DataPointLabelOptions

Series data point label options.

pointStyle: SVGStyles|string

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

defaultย undefinedย 

pointStyleCallback: ( args: DataPointCallbackArgs ) => SVGStyles|string

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

defaultย undefinedย 

row: number

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

defaultย undefinedย 

style: SVGStyles|string

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

defaultย undefinedย 

tooltipCallback: ( args: any ) => string

defaultย undefinedย 

tooltipText: string

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

defaultย undefinedย 

trendline: TrendlineOptions

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

defaultย undefinedย 

type: string

defaultย undefinedย 

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

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

defaultย undefinedย 

viewRanges: ValueRangeList|ValueRange[]

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

defaultย undefinedย 

visible: boolean

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

defaultย trueย 

visibleInLegend: boolean

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

defaultย undefinedย 

visibleInNavigator: boolean

true๋กœ ์ง€์ •ํ•˜๋ฉด ์‹œ๋ฆฌ์ฆˆ ๋‚ด๋น„๊ฒŒ์ดํ„ฐ์— ํ‘œ์‹œํ•œ๋‹ค.

defaultย undefinedย 

visibleThreshold: number

ํฌ์ธํ„ฐ๊ฐ€ ์ฐจ์ง€ํ•˜๋Š” ๋„ˆ๋น„๊ฐ€ ์ด ๊ฐ’ ๋ฏธ๋งŒ์ด๋ฉด ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š”๋‹ค.

defaultย undefinedย 

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ย undefinedย