series[type=lollipop]
Lollipop(λ§λ μ¬ν) μ리μ¦.
type
μ 'lollipop'μ΄λ€.
κΈ°λ₯μ μΌλ‘λ bar μ리μ¦μ λμΌνμ§λ§, λλΆλΆμ λ°μ΄ν°ν¬μΈνΈ κ°λ€μ΄ μ΅λκ°μ κ°κΉμ΄ κ³³μ λͺ°λ € μλ κ²½μ°μ
νμ© κ°λ₯νλ€. bar μλ¦¬μ¦ νννλ©΄ μκ°μ μΌλ‘ ꡬλΆνκΈ° μ½μ§ μκΈ° λλ¬Έμ΄λ€.
νΉν, barκ° κ²ΉμΉλλΌλ λ°μ΄ν°ν¬μΈνΈλ€μ΄ μ½κ² ꡬλΆλλ€.
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
baseValue: number
μ/ν κ° κ΅¬λΆμ κΈ°μ€μ΄ λλ κ°.
μ«μκ° μλ κ°μΌλ‘ μ§μ νλ©΄ 0μΌλ‘ κ°μ£Όνλ€.
belowStyle: SVGStyles
|string
baseValue
νΉμ yμΆμ baseValueλ³΄λ€ μμ μͺ½μ pointλ€μ μ μ©λλ μ€νμΌ.
clusterable: boolean
κ΅¬λΆ λ°°μΉκ° κ°λ₯ν λ μ΄μμ μ리μ¦λ μ리μ¦κ·Έλ£Έμ΄ νμ μ€μΌ λ κ΅¬λΆ λ°°μΉν μ§ μ¬λΆ.
λͺ
μμ falseλ‘ μ§μ νμ§ μλ ν 무리 λ°°μΉνλ€.
μ¦, 볡μ κ°μ μ리μ¦λ μ리μ¦κ·Έλ£Ήμ λ°μ΄ν°ν¬μΈνΈλ€μ΄ κ²ΉμΉμ§ μκ³ μ°¨λ λλ‘ νμλλ€.
col: number
λΆν λͺ¨λμΌ λ μ리μ¦κ° νμλ paneμ μν index.
color: string|number
λ°μ΄ν° ν¬μΈνΈ κΈ°λ³Έ μ.
μ«μλ‘ μ§μ νλ©΄ μ μλ‘ λ³νλ κ°μ ν΄λΉνλ νλ νΈ μμμΌλ‘ μ€μ λλ€.
'var(--color-n)'μΌλ‘ μ§μ ν κ²κ³Ό λμΌνλ©°, 1 ~ 12 μ¬μ΄μ κ°μΌλ‘ μ§μ νλ€.
pointColors
λ pointStyleCallback
μΌλ‘ μ€μ λ μμμ΄ μ΄ μμ±μΌλ‘ μ€μ ν μμλ³΄λ€ μ°μ νλ€.
colorField: string
undefinedμ΄λ©΄, data pointμ κ°μ΄ κ°μ²΄μΌ λ 'color'.
data: any
λ°μ΄ν°ν¬μΈν°λ€μ μμ±νλ λ° μ¬μ©λλ κ° λͺ©λ‘.
hoverEffect: 'none'|'default'
λ°μ΄ν°ν¬μΈνΈ hover ν¨κ³Ό.
hoverStyle: SVGStyles
|string
λ°μ΄ν°ν¬μΈνΈ μμ λ§μ°μ€κ° μμ λ μ μ©λλ μ€νμΌμ
νΉμ class selector.
label: string
μ΄ μ리μ¦λ₯Ό λνλ΄λ ν
μ€νΈ.
λ μ λλ ν΄νμμ μ리μ¦λ₯Ό λννλ€.
μ΄ μμ±μ΄ μ§μ λμ§ μμΌλ©΄ name
μ΄ μ¬μ©λλ€.
loadAnimation: 'default'|'reveal'|'grow'|'spread'|'fadein'
μ°¨νΈ μ€μ λ‘λ μ μ€νλλ animation μ’ λ₯.
marker
minPointWidth: number
name: string
μλ¦¬μ¦ μ΄λ¦.
μλ¦¬μ¦ μμ±μ μ§μ λ ν λ³κ²½ν μ μλ€.
μ°¨νΈμ λ€λ₯Έ κ΅¬μ± μμμμ μ΄ μ리μ¦λ₯Ό μ°Έμ‘°ν λ μ¬μ©λλ©°,
λ μ λλ ν΄νμμ μ리μ¦λ₯Ό λνλ΄λ ν
μ€νΈλ‘λ μ¬μ©λλ€.
noClip: boolean
trueλ‘ μ§μ νλ©΄ bodyλ₯Ό λ²μ΄λ data point μμλ νμλλ€.
κ°μ μ§μ νμ§ μμΌλ©΄ polar μ°¨νΈμμλ true, μ§κ΅ μ°¨νΈμμλ falseμ΄λ€.
groupμ ν¬ν¨λλ©΄ groupμ noClip μ€μ μ λ°λ₯Έλ€.
λ, κ°μ μ§μ νμ§ μμΌλ©΄ λ²λΈμ리μ¦λ μ΅λν λ²λΈλ€μ΄ νμλλλ‘ νλ€.
nullAsBase: boolean
nullμΈ yκ°μ baseValue
λ‘ κ°μ£Όνλ€.
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
λ°μ΄ν°ν¬μΈνΈ label μ΅μ
.
λ¨μν boolean (opens in a new tab) κ°μΌλ‘ μ€μ νλ©΄ visible
μμ±μ μ μ©λλ€.
pointPadding: number
μ΄ μ리μ¦μ pointκ° μ°¨μ§νλ μμ μ€μμ point bar μμͺ½ λμ μ±μμ§λ λΉ μμμ ν¬κΈ°.
pointκ° μ°¨μ§ν μλ ν¬κΈ°μ λν μλ κ°μΌλ‘μ, 0 ~ 0.5 μ¬μ΄μ λΉμ¨ κ°μΌλ‘ μ§μ νλ€.
default :undefinedν μΉ΄ν
κ³ λ¦¬μ cluster κ°λ₯ν μ리μ¦κ° νλλ§ νμλλ©΄ 0.25, groupμ ν¬ν¨λ κ²½μ° 0.1, μ¬λ¬ μ리μ¦μ κ°μ΄ νμλλ©΄ 0.2.
pointPos: number
pointStyle: SVGStyles
|string
λͺ¨λ λ°μ΄ν°ν¬μΈνΈμ μ μ©λλ inline μ€νμΌμ
.
style
λ‘ μ€μ λλ μ리μ¦μ inline μ€νμΌμ΄
λ°μ΄ν°ν¬μΈν°μ μ μ©λμ§ μλ κ²½μ° μ΄ μμ±μ μ¬μ©ν μ μλ€.
pointColors
λ color
κ° μ€μ λλ©΄ μ΄ μμ±μΌλ‘ μ€μ λ μμμ 무μλλ€.
λ, pointStyleCallback
μΌλ‘ μ€μ λ μ€νμΌμ΄ μ΄ μμ± μ€νμΌλ³΄λ€ μ°μ νλ€.
pointStyleCallback: ( args: DataPointCallbackArgs
) => SVGStyles
|string
λ°μ΄ν°ν¬μΈνΈμ λμ μ€νμΌ μ½λ°±.
pointWidth: number
μ리μ¦κ° κ·Έλ£Ήμ ν¬ν¨λμ§ μκ±°λ,
ν¬ν¨λ κ·Έλ£Ήμ layoutμ΄ DEFAULT
μ΄κ±°λ νΉλ³ν μ€μ λμ§ μμμ,
κ·Έλ£Ήμ ν¬ν¨λ μ리μ¦λ€μ data pointκ° μμΌλ‘ λμ΄λμ΄ νμλ λ,
ν¬μΈνΈ νμ μμ λ΄μμ μ΄ μ리μ¦μ ν¬μΈνΈκ° μ°¨μ§νλ μμμ μλ ν¬κΈ°.
μλ₯Ό λ€μ΄ μ΄ μ리μ¦μ μμ±κ°μ΄ 1μ΄κ³ λ€λ₯Έ μ리μ¦μ κ°μ΄ 2μ΄λ©΄ λ€λ₯Έ μ리μ¦μ data pointκ° λ λ°° λκ»κ² νμλλ€.
λ, κ·Έλ£Ήμ ν¬ν¨λκ³ κ·Έλ£Ήμ layoutμ΄ DEFAULT
row: number
λΆν λͺ¨λμΌ λ μ리μ¦κ° νμλ paneμ μμ§ index.
style: SVGStyles
|string
μ€νμΌμ νΉμ class selector.
tooltipCallback: ( args: any
) => string
tooltipText: string
λ°μ΄ν°ν¬μΈνΈ ν΄ν ν μ€νΈ.
trendline
μΆμΈμ μ΅μ
.
type: 'lollipop'
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
μλ¦¬μ¦ νμ μμλ₯Ό μ§μ ν μ μλ€.
κ°μ΄ ν΄ μλ‘ λμ€μ(μμ) νμλλ€.