series[type=bubble]
๋ฒ๋ธ ์๋ฆฌ์ฆ.
x, y๋ก ์ง์ ๋๋ ์์น์ z๋ก ์ง์ ๋๋ ํฌ๊ธฐ ์ฌ์ด์ ๊ด๊ณ๋ฅผ ํ์ํ๋ค.
์ฃผ๋ก ์์ ํฌ๊ธฐ๊ฐ ๋ฐ์ดํฐํฌ์ธํธ์ ์ค์๋๋ฅผ ๋ํ๋ธ๋ค.
X์ถ ํ์
์ด ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ, ์ด ์๋ฆฌ์ฆ๋ฅผ ๊ธฐ์ค์ผ๋ก ์์ฑ๋๋ ์ถ์ linear์ด๋ค.
data ๋ ์๋ ํ์๋ค๋ก ์ ๋ฌํ ์ ์๋ค.
[์ฃผ์] ๋ฐ์ดํฐํฌ์ธํธ ๊ตฌ์ฑ์ ํ์ํ ๋ชจ๋ ๊ฐ์ ์ ๊ณตํ์ง ์์ผ๋ฉด null์ด ๋๋ค.
๋จ์ผ ๊ฐ ๋ฐ ๊ฐ ๋ฐฐ์ด
ํ์ | ์ค๋ช |
---|---|
y | ๋จ์ผ ์ซ์๋ฉด y, z๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[] | ๋น ๋ฐฐ์ด์ด๋ฉด null. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[z] | ๋จ์ผ ๊ฐ ๋ฐฐ์ด์ด๋ฉด y, z๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[y, z] | ๋ ๊ฐ ๋ฐฐ์ด์ด๋ฉด y๊ฐ๊ณผ z๊ฐ. x ๊ฐ์ ์์์ ๋ฐ๋ผ ์๋ ๊ฒฐ์ . |
[x, y, z,] | ์ธ ๊ฐ ์ด์์ด๋ฉด ์์๋๋ก x, y, z๊ฐ. ๋๋ xField ์์ฑ์ด ์ซ์์ด๋ฉด x๊ฐ์ index. yField ๋ y๊ฐ์ index. zField ๋ z๊ฐ์ index. |
json ๋ฐฐ์ด
Series ์์ฑ | ์ค๋ช |
---|---|
xField | ์์ฑ ๊ฐ, ๋๋ 'x', 'name', 'label' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด x ๊ฐ์ด ๋๋ค. |
yField | ์์ฑ ๊ฐ, ๋๋ 'y', 'value' ์์ฑ๋ค ์ค ์์๋๋ก ๊ฐ์ด ์ค์ ๋ ๊ฒ์ด y ๊ฐ์ด ๋๋ค. |
zField | ์์ฑ ๊ฐ, ๋๋ 'z' ์์ฑ ๊ฐ์ด z ๊ฐ์ด ๋๋ค. |
colorField | ์์ฑ ๊ฐ, ๋๋ 'color' ์์ฑ ๊ฐ์ผ๋ก ๋ฐ์ดํฐํฌ์ธํธ์ ๊ฐ๋ณ ์์์ผ๋ก ์ง์ ๋๋ค. |
Properties
col: number
๋ถํ ๋ชจ๋์ผ ๋ ์๋ฆฌ์ฆ๊ฐ ํ์๋ pane์ ์ํ index.
default: undefined
color: string | number
๋ฐ์ดํฐ ํฌ์ธํธ ๊ธฐ๋ณธ ์.
์ซ์๋ก ์ง์ ํ๋ฉด ์ ์๋ก ๋ณํ๋ ๊ฐ์ ํด๋นํ๋ ํ๋ ํธ ์์์ผ๋ก ์ค์ ๋๋ค.
'var(--color-n)'์ผ๋ก ์ง์ ํ ๊ฒ๊ณผ ๋์ผํ๋ฉฐ, 1 ~ 12 ์ฌ์ด์ ๊ฐ์ผ๋ก ์ง์ ํ๋ค.
pointColors ๋ pointStyleCallback ์ผ๋ก ์ค์ ๋ ์์์ด ์ด ์์ฑ์ผ๋ก ์ค์ ํ ์์๋ณด๋ค ์ฐ์ ํ๋ค.
default: undefined
colorByPoint: boolean
๋ฐ์ดํฐํฌ์ธํธ ๋ณ๋ก ๋ค๋ฅธ ์์์ผ๋ก ๊ทธ๋ฆฐ๋ค.
default: false
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
maxSize: string | number
๋ฒ๋ธ ์ต๋ ํฌ๊ธฐ.
default: '20%'
minSize: string | number
๋ฒ๋ธ ์ต์ ํฌ๊ธฐ.
default: 8
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
rotation: number
๋ฐ์ดํฐํฌ์ธํธ shape ํ์ ๊ฐ๋.
default: undefined
row: number
๋ถํ ๋ชจ๋์ผ ๋ ์๋ฆฌ์ฆ๊ฐ ํ์๋ pane์ ์์ง index.
default: undefined
shape: 'circle'|'diamond'|'rectangle'|'square'|'star'|'triangle'
๋ช ์์ ์ผ๋ก ์ง์ ํ์ง ์์ผ๋ฉด typeIndex์ ๋ฐ๋ผ Shapes ์ค ํ๋๋ก ๋์๊ฐ๋ฉด์ ์ค์ ๋๋ค.
'circle'
์'diamond'
๋ค์์ด๋ชฌ๋'rectangle'
์ฌ๊ฐํ'square'
์ ์ฌ๊ฐํ'star'
๋ณ ๋ชจ์'triangle'
์ผ๊ฐํ
default: undefined
sizeMode
๋ฒ๋ธ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ ํ๋ ๋ฐฉ์.
default: BubbleSizeMode.AREA
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: 'x: <b>${x}</b><br>y: <b>${y}</b><br>volume: <b>${z}</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