series[type=pie]
Pie μ리μ¦
λͺ¨λ λ°μ΄ν°ν¬μΈνΈ κ°λ€μ ν©μ λν λ°μ΄ν°ν¬μΈνΈμ μλμ κ° λΉμ¨μ μνΈλ‘ νμνλ€.
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
autoSlice: boolean
ν΄λ¦ν λ°μ΄ν° ν¬μΈνΈλ₯Ό slice μν¨λ€. κΈ°μ‘΄ slice λλ ν¬μΈνΈλ μ볡λλ€.
default: true
borderRadius: number
default: 0
center: string | number
default: undefined
centerX: string | number
default: undefined
centerY: string | number
default: undefined
clockwise: boolean
trueλ©΄ μκ³ λ°©ν₯μΌλ‘ νμ νλ€.
default: true
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
groupSize: number
default: 1
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 |
innerRadius: string | number
0λ³΄λ€ ν° κ°μ μ§μ ν΄μ λλ ννλ‘ νμν μ μλ€. μλ¦¬μ¦ μνΈμ λ°μ§λ¦μ λν μλμ ν¬κΈ°λ ν½μ μλ‘ μ§μ ν μ μλ€. innerText λ‘ λλ λ΄λΆμ νμλ ν μ€νΈλ₯Ό μ§μ ν μ μλ€.
default: undefined
label: string
μ΄ μ리μ¦λ₯Ό λνλ΄λ ν
μ€νΈ.
λ μ λλ ν΄νμμ μ리μ¦λ₯Ό λννλ€.
μ΄ μμ±μ΄ μ§μ λμ§ μμΌλ©΄ name μ΄ μ¬μ©λλ€.
default: undefined
labelDistance: number
default: 25
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
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
radius: string | number
μλ¦¬μ¦ μνΈμ λ°μ§λ¦. ν½μ ν¬κΈ°λ plot μμ ν¬κΈ°μ λν μλμ ν¬κΈ°λ‘ μ§μ ν μ μλ€. '50%'λ‘ μ§μ νλ©΄ plot μμμ widthλ heightμ€ μμ ν¬κΈ°μ λμΌν λ°μ§λ¦μΌλ‘ νμλλ€.
default: '40%'
row: number
λΆν λͺ¨λμΌ λ μ리μ¦κ° νμλ paneμ μμ§ index.
default: undefined
sliceDuration: number
Slice animation duration. λ°λ¦¬μΈμ»¨λ(ms) λ¨μλ‘ μ§μ .
default: 300
sliceOffset: string | number
default: '7%'
startAngle: number
μλ¦¬μ¦ μνΈ μμ κ°λ. μ§μ νμ§ μκ±°λ μλͺ»λ κ°μ΄λ©΄ 0μΌλ‘ κ³μ°λλ€. 0μ μκ³μ 12μ μμΉλ€.
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>'
totalAngle: number
μλ¦¬μ¦ μνΈ μ 체 κ°λ. 0 ~ 360 μ¬μ΄μ κ°μΌλ‘ μ§μ ν΄μΌ νλ€. λ²μλ₯Ό λ²μ΄λ κ°μ λ²μ μμΌλ‘ μ‘°μ λλ€. μ§μ νμ§ μκ±°λ μλͺ»λ κ°μ΄λ©΄ 360μΌλ‘ κ³μ°λλ€.
default: 360
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