series[type=waterfall]
ํญํฌ(Waterfall) ์๋ฆฌ์ฆ.
์์๋๋ก ์ถ๊ฐ๋๋ ์ฆ๊ฐ/๊ฐ์ ๊ฐ๋ค์ ๋์ ์ํ๋ฅผ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋๋ค.
data ๋ ์๋ ํ์๋ค๋ก ์ ๋ฌํ ์ ์๋ค.
๋จ์ผ ๊ฐ ๋ฐ ๊ฐ ๋ฐฐ์ด
ํ์ | ์ค๋ช |
---|---|
y | ๋จ์ผ ์ซ์๋ฉด y๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[] | ๋น ๋ฐฐ์ด์ด๋ฉด null. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[y] | ๊ฐ ํ๋์ธ ๋ฐฐ์ด์ด๋ฉด y๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[x, y,] | ๋ ๊ฐ ์ด์์ด๋ฉด ์์๋๋ก x, y๊ฐ. ๋๋ xField ์์ฑ์ด ์ซ์์ด๋ฉด x๊ฐ์ index. yField ๋ y๊ฐ์ index. |
colorField ๋ color๊ฐ์ index. |
json ๋ฐฐ์ด
Series ์์ฑ | ์ค๋ช |
---|---|
xField | ์์ฑ ๊ฐ, ๋๋ 'x', 'name', 'label' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด x ๊ฐ์ด ๋๋ค. |
yField | ์์ฑ ๊ฐ, ๋๋ 'y', 'value' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด y ๊ฐ์ด ๋๋ค. |
colorField | ์์ฑ ๊ฐ, ๋๋ 'color' ์์ฑ ๊ฐ์ผ๋ก ๋ฐ์ดํฐํฌ์ธํธ์ ๊ฐ๋ณ ์์์ผ๋ก ์ง์ ๋๋ค. |
Properties
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
cornerRadius: number
์ง์ ํ ๋ฐ์ง๋ฆ ํฌ๊ธฐ๋ก ๋ฐ์ดํฐํฌ์ธํธ bar์ ๋ชจ์๋ฆฌ๋ฅผ ๋ฅ๊ธ๊ฒ ํ์ํ๋ค.
์ต๋๊ฐ์ด bar ํญ์ผ๋ก ์ ๋ฐ์ผ๋ก ์ ํ๋๋ฏ๋ก ์์ฃผ ํฐ ๊ฐ์ ์ง์ ํ๋ฉด ๋ฐ์์ผ๋ก ํ์๋๋ค.
default: undefined
data: any
๋ฐ์ดํฐํฌ์ธํฐ๋ค์ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋๋ ๊ฐ ๋ชฉ๋ก.
default: undefined
hoverStyle: 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 |
label: string
์ด ์๋ฆฌ์ฆ๋ฅผ ๋ํ๋ด๋ ํ
์คํธ.
๋ ์ ๋๋ ํดํ์์ ์๋ฆฌ์ฆ๋ฅผ ๋ํํ๋ค.
์ด ์์ฑ์ด ์ง์ ๋์ง ์์ผ๋ฉด name ์ด ์ฌ์ฉ๋๋ค.
default: undefined
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
pointPadding: number
์ด ์๋ฆฌ์ฆ์ point๊ฐ ์ฐจ์งํ๋ ์์ญ ์ค์์ point bar ์์ชฝ ๋์ ์ฑ์์ง๋ ๋น ์์ญ์ ํฌ๊ธฐ.
point๊ฐ ์ฐจ์งํ ์๋ ํฌ๊ธฐ์ ๋ํ ์๋ ๊ฐ์ผ๋ก์, 0 ~ 0.5 ์ฌ์ด์ ๋น์จ ๊ฐ์ผ๋ก ์ง์ ํ๋ค.
default: undefined ํ ์นดํ
๊ณ ๋ฆฌ์ cluster ๊ฐ๋ฅํ ์๋ฆฌ์ฆ๊ฐ ํ๋๋ง ํ์๋๋ฉด 0.25, group์ ํฌํจ๋ ๊ฒฝ์ฐ 0.1, ์ฌ๋ฌ ์๋ฆฌ์ฆ์ ๊ฐ์ด ํ์๋๋ฉด 0.2.
pointStyle: SVGStyles | string
๋ชจ๋ ๋ฐ์ดํฐํฌ์ธํธ์ ์ ์ฉ๋๋ inline ์คํ์ผ์
.
style ๋ก ์ค์ ๋๋ ์๋ฆฌ์ฆ์ inline ์คํ์ผ์ด
๋ฐ์ดํฐํฌ์ธํฐ์ ์ ์ฉ๋์ง ์๋ ๊ฒฝ์ฐ ์ด ์์ฑ์ ์ฌ์ฉํ ์ ์๋ค. pointColors ๋ color ๊ฐ ์ค์ ๋๋ฉด ์ด ์์ฑ์ผ๋ก ์ค์ ๋ ์์์ ๋ฌด์๋๋ค.
๋, pointStyleCallback ์ผ๋ก ์ค์ ๋ ์คํ์ผ์ด ์ด ์์ฑ ์คํ์ผ๋ณด๋ค ์ฐ์ ํ๋ค.
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 |
pointStyleCallback
๋ฐ์ดํฐ point์ ๋์ ์คํ์ผ ์ฝ๋ฐฑ.
default: undefined
pointWidth: number
์๋ฆฌ์ฆ๊ฐ ๊ทธ๋ฃน์ ํฌํจ๋์ง ์๊ฑฐ๋,
ํฌํจ๋ ๊ทธ๋ฃน์ layout์ด default
์ด๊ฑฐ๋ ํน๋ณํ ์ค์ ๋์ง ์์์,
๊ทธ๋ฃน์ ํฌํจ๋ ์๋ฆฌ์ฆ๋ค์ data point๊ฐ ์์ผ๋ก ๋์ด๋์ด ํ์๋ ๋,
ํฌ์ธํธ ํ์ ์์ญ ๋ด์์ ์ด ์๋ฆฌ์ฆ์ ํฌ์ธํธ๊ฐ ์ฐจ์งํ๋ ์์ญ์ ์๋ ํฌ๊ธฐ.
์๋ฅผ ๋ค์ด ์ด ์๋ฆฌ์ฆ์ ์์ฑ๊ฐ์ด 1์ด๊ณ ๋ค๋ฅธ ์๋ฆฌ์ฆ์ ๊ฐ์ด 2์ด๋ฉด ๋ค๋ฅธ ์๋ฆฌ์ฆ์ data point๊ฐ ๋ ๋ฐฐ ๋๊ป๊ฒ ํ์๋๋ค.
๋, ๊ทธ๋ฃน์ ํฌํจ๋๊ณ ๊ทธ๋ฃน์ layout์ด default
default: 1
row: number
๋ถํ ๋ชจ๋์ผ ๋ ์๋ฆฌ์ฆ๊ฐ ํ์๋ pane์ ์์ง index.
default: undefined
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 |
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