series[type=vector]
Vector ์๋ฆฌ์ฆ.
x, y๋ก ์ง์ ๋ ๋ฐ์ดํฐํฌ์ธํธ์ ๊ธธ์ด๊ณผ ๋ฐฉํฅ์ ๊ฐ๋ ํ์ดํ๋ฅผ ํ์ํ๋ค.
data ๋ ์๋ ํ์๋ค๋ก ์ ๋ฌํ ์ ์๋ค.
[์ฃผ์] ๋ฐ์ดํฐํฌ์ธํธ ๊ตฌ์ฑ์ ํ์ํ ๋ชจ๋ ๊ฐ์ ์ ๊ณตํ์ง ์์ผ๋ฉด null์ด ๋๋ค.
๋จ์ผ ๊ฐ ๋ฐ ๊ฐ ๋ฐฐ์ด
ํ์ | ์ค๋ช |
---|---|
y | ๋จ์ผ ์ซ์๋ฉด low, y๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[] | ๋น ๋ฐฐ์ด์ด๋ฉด null. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[y, length, angle] | ํ์ ์ค๋ช ์์๋๋ก ๊ฐ ๊ฒฐ์ . x ๊ฐ์ ๋ฐ์ดํฐํฌ์ธํธ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[x, y, length, angle] | ํ๊น ์ค๋ช
์์๋๋ก ๊ฐ ๊ฒฐ์ . ๋๋ xField ์์ฑ์ด ์ซ์์ด๋ฉด x๊ฐ, yField ๋ y๊ฐ, lengthField ๋ length๊ฐ, angleField ๋ angle๊ฐ, . |
json ๋ฐฐ์ด
Series ์์ฑ | ์ค๋ช |
---|---|
xField | ์์ฑ ๊ฐ, ๋๋ 'x', 'name', 'label' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด x ๊ฐ์ด ๋๋ค. |
yField | ์์ฑ ๊ฐ, ๋๋ 'y', 'value' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด y ๊ฐ์ด ๋๋ค. |
lengthField | ์์ฑ ๊ฐ, ๋๋ 'length' ์์ฑ ๊ฐ์ด length ๊ฐ์ด ๋๋ค. |
angleField | ์์ฑ ๊ฐ, ๋๋ 'angle' ์์ฑ ๊ฐ์ด angle ๊ฐ์ด ๋๋ค. |
Properties
angleField: string
json ๊ฐ์ฒด๋ ๋ฐฐ์ด๋ก ์ ๋ฌ๋๋ ๋ฐ์ดํฐํฌ์ธํธ ์ ๋ณด์์ ๊ฐ๋(angle) ๊ฐ์ ์ง์ ํ๋ ์์ฑ๋ช
์ด๋ ์ธ๋ฑ์ค.
undefined์ด๋ฉด, data point์ ๊ฐ์ด array์ผ ๋๋ ํญ๋ชฉ ์๊ฐ 3์ด์์ด๋ฉด 2, ์๋๋ฉด 1, ๊ฐ์ฒด์ด๋ฉด 'angle'.
default: undefined
arrowHead: 'close'|'none'|'open'
ํ์ด ๋จธ๋ฆฌ ํ์ .
'close'
๋ซํ ์ผ๊ฐํ.'none'
๋จธ๋ฆฌ๋ฅผ ๋ฐ๋ก ํ์ํ์ง ์๋๋ค.'open'
์ด๋ฆฐ ์ผ๊ฐํ.
default: 'close'
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
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
lengthField: string
json ๊ฐ์ฒด๋ ๋ฐฐ์ด๋ก ์ ๋ฌ๋๋ ๋ฐ์ดํฐํฌ์ธํธ ์ ๋ณด์์ ๊ธธ์ด(length) ๊ฐ์ ์ง์ ํ๋ ์์ฑ๋ช
์ด๋ ์ธ๋ฑ์ค.
undefined์ด๋ฉด, data point์ ๊ฐ์ด array์ผ ๋๋ ํญ๋ชฉ ์๊ฐ 3์ด์์ด๋ฉด 1, ์๋๋ฉด 0, ๊ฐ์ฒด์ด๋ฉด 'length'.
default: undefined
maxLength: number
์ต๋ ๊ธธ์ด.
default: 20
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
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
row: number
๋ถํ ๋ชจ๋์ผ ๋ ์๋ฆฌ์ฆ๊ฐ ํ์๋ pane์ ์์ง index.
default: undefined
startAngle: number
์์ ๊ฐ๋. 12์ ์์น๊ฐ 0๋.
default: 0
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