series[type=pie]
Pie μ리μ¦
type
μ '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' μμ± κ°μΌλ‘ λ°μ΄ν°ν¬μΈνΈμ κ°λ³ μμμΌλ‘ μ§μ λλ€. |
Options
autoSlice: boolean
ν΄λ¦ν λ°μ΄ν° ν¬μΈνΈλ₯Ό slice μν¨λ€. κΈ°μ‘΄ slice λλ ν¬μΈνΈλ μ볡λλ€.
default :true
borderRadius: number
default :0
center: string
|number
centerX, centerYλ₯Ό μ§μ νμ§ μμΌλ©΄ μ΄ μμ±κ°μ μ¬μ©νλ€.
μ¦, μ΄ μμ±μΌλ‘ λ μμ±κ°μ λμμ μ§μ ν μ μλ€.
centerX: string
|number
body μμμ κΈ°μ€μΌλ‘ 'pie'
,
'funnel'
μ리μ¦λ€μ μν μ€μ¬ μμΉ
μ«μλ body μμ λλΉμ λν μλκ°μ '%'λ‘ μ§μ ν μ μλ€.
default :'50%'
centerY: string
|number
body μμμ κΈ°μ€μΌλ‘ 'pie'
,
'funnel'
μ리μ¦λ€μ μμ§ μ€μ¬ μμΉ
μ«μλ body μμ λμ΄μ λν μλκ°μ '%'λ‘ μ§μ ν μ μλ€.
default :'50%'
clockwise: boolean
trueλ©΄ μκ³ λ°©ν₯μΌλ‘ νμ νλ€.
default :true
col: number
λΆν λͺ¨λμΌ λ μ리μ¦κ° νμλ paneμ μν index.
color: string|number
λ°μ΄ν° ν¬μΈνΈ κΈ°λ³Έ μ.
μ«μλ‘ μ§μ νλ©΄ μ μλ‘ λ³νλ κ°μ ν΄λΉνλ νλ νΈ μμμΌλ‘ μ€μ λλ€.
'var(--color-n)'μΌλ‘ μ§μ ν κ²κ³Ό λμΌνλ©°, 1 ~ 12 μ¬μ΄μ κ°μΌλ‘ μ§μ νλ€.
pointColors
λ pointStyleCallback
μΌλ‘ μ€μ λ μμμ΄ μ΄ μμ±μΌλ‘ μ€μ ν μμλ³΄λ€ μ°μ νλ€.
colorField: string
undefinedμ΄λ©΄, data pointμ κ°μ΄ κ°μ²΄μΌ λ 'color'.
data: any
λ°μ΄ν°ν¬μΈν°λ€μ μμ±νλ λ° μ¬μ©λλ κ° λͺ©λ‘.
groupSize: number
default :1
hoverEffect: 'none'|'default'
λ°μ΄ν°ν¬μΈνΈ hover ν¨κ³Ό.
hoverStyle: SVGStyles
|string
λ°μ΄ν°ν¬μΈνΈ μμ λ§μ°μ€κ° μμ λ μ μ©λλ μ€νμΌμ
νΉμ class selector.
innerRadius: string
|number
0λ³΄λ€ ν° κ°μ μ§μ ν΄μ λλ ννλ‘ νμν μ μλ€.
μλ¦¬μ¦ μνΈμ λ°μ§λ¦μ λν μλμ ν¬κΈ°λ ν½μ
μλ‘ μ§μ ν μ μλ€.
innerText
λ‘ λλ λ΄λΆμ νμλ ν
μ€νΈλ₯Ό μ§μ ν μ μλ€.
innerText
innerRadius
κ° 0λ³΄λ€ ν΄ λ, λλ λ΄λΆμ νμλλ ν
μ€νΈ.
κΈ°λ³Έ ν΄λμ€ selectorλ 'rct-pie-series-inner'μ΄λ€.
label: string
μ΄ μ리μ¦λ₯Ό λνλ΄λ ν
μ€νΈ.
λ μ λλ ν΄νμμ μ리μ¦λ₯Ό λννλ€.
μ΄ μμ±μ΄ μ§μ λμ§ μμΌλ©΄ name
μ΄ μ¬μ©λλ€.
labelDistance: number
default :25
legendByPoint: boolean
trueλ‘ μ§μ νλ©΄ 'pie'
,
'funnel'
μ리μ¦λ€μ λ°μ΄ν°ν¬μΈνΈλ³ legend νλͺ©μ νμνλ€.
default :false
loadAnimation: 'default'|'reveal'|'grow'|'spread'|'fadein'
μ°¨νΈ μ€μ λ‘λ μ μ€νλλ animation μ’ λ₯.
name: string
μλ¦¬μ¦ μ΄λ¦.
μλ¦¬μ¦ μμ±μ μ§μ λ ν λ³κ²½ν μ μλ€.
μ°¨νΈμ λ€λ₯Έ κ΅¬μ± μμμμ μ΄ μ리μ¦λ₯Ό μ°Έμ‘°ν λ μ¬μ©λλ©°,
λ μ λλ ν΄νμμ μ리μ¦λ₯Ό λνλ΄λ ν
μ€νΈλ‘λ μ¬μ©λλ€.
noClip: boolean
trueλ‘ μ§μ νλ©΄ bodyλ₯Ό λ²μ΄λ data point μμλ νμλλ€.
κ°μ μ§μ νμ§ μμΌλ©΄ polar μ°¨νΈμμλ true, μ§κ΅ μ°¨νΈμμλ falseμ΄λ€.
groupμ ν¬ν¨λλ©΄ groupμ noClip μ€μ μ λ°λ₯Έλ€.
λ, κ°μ μ§μ νμ§ μμΌλ©΄ λ²λΈμ리μ¦λ μ΅λν λ²λΈλ€μ΄ νμλλλ‘ νλ€.
onPointClick: ( args: DataPointCallbackArgs
) => boolean
λ°μ΄ν° pointκ° ν΄λ¦λ λ νΈμΆλλ μ΄λ²€νΈ μ½λ°±.
λͺ
μμ trueλ₯Ό 리ν΄νλ©΄ κΈ°λ³Έ λμμ΄ μ§νλμ§ μλλ€.
onPointHover: ( args: DataPointCallbackArgs
) => void
λ§μ°μ€κ° λ°μ΄ν° point μμ μ¬λΌκ°κ±°λ λΉ μ Έλκ° λ νΈμΆλλ μ΄λ²€νΈ μ½λ°±.
λΉ μ Έλκ°λ κ²½μ° args 맀κ°λ³μλ nullμ΄λ€.
onPointsLoaded: ( series: object
, firstTime: boolean
) => void
λ°μ΄ν°ν¬μΈνΈλ€μ΄ μλ‘ λ‘λλ ν νΈμΆλλ€.
pointColors: string|string[]
λ°μ΄ν° ν¬μΈνΈλ³ μλ€μ μ§μ νλ€.
μ λ°°μ΄λ‘ μ§μ νκ±°λ, 'colors' assetμΌλ‘ λ±λ‘λ μ΄λ¦μ μ§μ ν μ μλ€.
pointStyleCallback
μΌλ‘ μ€μ λ μμμ΄λ λ°μ΄ν°ν¬μΈνΈλ³λ‘ μ§μ ν μμμ΄ μ΄ μμ±μΌλ‘ μ€μ ν μμλ³΄λ€ μ°μ νλ€.
pointLabel
pointStyle: SVGStyles
|string
λͺ¨λ λ°μ΄ν°ν¬μΈνΈμ μ μ©λλ inline μ€νμΌμ
.
style
λ‘ μ€μ λλ μ리μ¦μ inline μ€νμΌμ΄
λ°μ΄ν°ν¬μΈν°μ μ μ©λμ§ μλ κ²½μ° μ΄ μμ±μ μ¬μ©ν μ μλ€.
pointColors
λ color
κ° μ€μ λλ©΄ μ΄ μμ±μΌλ‘ μ€μ λ μμμ 무μλλ€.
λ, pointStyleCallback
μΌλ‘ μ€μ λ μ€νμΌμ΄ μ΄ μμ± μ€νμΌλ³΄λ€ μ°μ νλ€.
pointStyleCallback: ( args: DataPointCallbackArgs
) => SVGStyles
|string
λ°μ΄ν°ν¬μΈνΈμ λμ μ€νμΌ μ½λ°±.
radius: string
|number
μλ¦¬μ¦ μνΈμ λ°μ§λ¦.
ν½μ
ν¬κΈ°λ body
μμ ν¬κΈ°μ λν μλμ ν¬κΈ°λ‘ μ§μ ν μ μλ€.
'50%'λ‘ μ§μ νλ©΄ plot μμμ widthλ heightμ€ μμ ν¬κΈ°μ λμΌν λ°μ§λ¦μΌλ‘ νμλλ€.
default :'40%
row: number
λΆν λͺ¨λμΌ λ μ리μ¦κ° νμλ paneμ μμ§ index.
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.
tooltipCallback: ( args: any
) => string
tooltipText: string
λ°μ΄ν°ν¬μΈνΈ ν΄ν ν μ€νΈ.
totalAngle: number
μλ¦¬μ¦ μνΈ μ 체 κ°λ.
0 ~ 360 μ¬μ΄μ κ°μΌλ‘ μ§μ ν΄μΌ νλ€.
λ²μλ₯Ό λ²μ΄λ κ°μ λ²μ μμΌλ‘ μ‘°μ λλ€.
μ§μ νμ§ μκ±°λ μλͺ»λ κ°μ΄λ©΄ 360μΌλ‘ κ³μ°λλ€.
default :360
trendline
μΆμΈμ μ΅μ
.
type: 'pie'
viewRangeValue: 'x'|'y'|'z'
rangesκ° μ μ©λλ κ°.
μ§μ νμ§ μμΌλ©΄ μλ¦¬μ¦ μ’
λ₯μ λ λΌ μλ μ μ©λλ€.
'line' μλ¦¬μ¦ κ³μ΄μ 'x', λλ¨Έμ§λ 'y'κ° λλ€.
νμ¬ 'z'μ rangeλ bubble μ리μ¦μλ§ μ μ©ν μ μλ€.
viewRanges: ValueRangeList
| ValueRange
[]
κ° λ²μ λͺ©λ‘.
λ²μλ³λ‘ λ€λ₯Έ μ€νμΌμ μ μ©ν μ μλ€.
λ²μλ€μ μ€μ²©λ μ μλ€.
visible: boolean
νμ μ¬λΆ.
default :true
visibleInLegend: boolean
λͺ μμ falseλ‘ μ§μ νλ©΄ legendμ νμνμ§ μλλ€.
visibleInNavigator: boolean
trueλ‘ μ§μ νλ©΄ μλ¦¬μ¦ λ΄λΉκ²μ΄ν°μ νμνλ€.
visibleThreshold: number
ν¬μΈν°κ° μ°¨μ§νλ λλΉκ° μ΄ κ° λ―Έλ§μ΄λ©΄ νμνμ§ μλλ€.
xAxis: string|number
κ·Έλ£Ήμ ν¬ν¨λλ©΄ κ·Έλ£Ή μ€μ μ λ°λ₯Έλ€.
xField: string|number
json κ°μ²΄λ λ°°μ΄λ‘ μ λ¬λλ λ°μ΄ν°ν¬μΈνΈ μ 보μμ x κ°μ μ§μ νλ μμ±λͺ
μ΄λ μΈλ±μ€.
undefinedμ΄λ©΄, data pointμ κ°μ΄ arrayμΌ λλ 0, κ°μ²΄μ΄λ©΄ 'x'.
xStart: any
μ°κ²°λ xμΆμ΄ μ°μ μΆ(μΉ΄ν
κ³ λ¦¬μΆμ΄ μλ)μΌ λ, xμΆ κ°μ΄ μ€μ λμ§ μμ 첫λ²μ§Έ λ°μ΄ν° pointμ μ€μ λλ xκ°.
μ΄ νμλ xStep
μ© μ¦κ°μν€λ©΄μ μ€μ νλ€.
μ΄ μμ±μ΄ μ§μ λμ§ μμ κ²½μ° xStart
κ° μ μ©λλ€.
xStep: string|number
μ°κ²°λ xμΆμ΄ μ°μ μΆ(μΉ΄ν
κ³ λ¦¬μΆμ΄ μλ)μΌ λ, xμΆ κ°μ΄ μ€μ λμ§ μμ λ°μ΄ν° pointμ μ§μ λλ xκ°μ κ°κ²©.
첫λ²μ§Έ κ°μ xStart
λ‘ μ€μ νλ€.
time μΆμΌ λ, μ μ κ° λμ μκ° λ¨μ('y', 'm', 'w', 'd', 'h', 'n', 's')λ‘ μ§μ ν μ μλ€.
μ΄ μμ±μ΄ μ§μ λμ§ μμΌλ©΄ xStep
μ΄ μ μ©λλ€.
yAxis: string|number
κ·Έλ£Ήμ ν¬ν¨λλ©΄ κ·Έλ£Ή μ€μ μ λ°λ₯Έλ€.
yField: string|number|Function
json κ°μ²΄λ λ°°μ΄λ‘ μ λ¬λλ λ°μ΄ν°ν¬μΈνΈ μ 보μμ y κ°μ μ§μ νλ μμ±λͺ
μ΄λ μΈλ±μ€.
undefinedμ΄λ©΄, data pointμ κ°μ΄ arrayμΌ λλ 1, κ°μ²΄μ΄λ©΄ 'y'.
zField: string|number|Function
json κ°μ²΄λ λ°°μ΄λ‘ μ λ¬λλ λ°μ΄ν°ν¬μΈνΈ μ 보μμ z κ°μ μ§μ νλ μμ±λͺ
μ΄λ μΈλ±μ€.
undefinedμ΄λ©΄, data pointμ κ°μ΄ arrayμΌ λλ 2, κ°μ²΄μ΄λ©΄ 'z'.
zOrder: number
μλ¦¬μ¦ νμ μμλ₯Ό μ§μ ν μ μλ€.
κ°μ΄ ν΄ μλ‘ λμ€μ(μμ) νμλλ€.