tooltip
λ°μ΄ν°ν¬μΈνΈ λ·°μ λ§μ°μ€κ° μ¬λΌκ°λ©΄ νμλλ ν΄ν μμ μ΅μ
.
ν΄ν κ°μ
νμ΄μ§λ₯Ό μ°Έμ‘°νλ€.
Class selectors
- 'rct-tooltip'Β
Options
followPointer: boolean
trueμ΄λ©΄ ν΄ν μμκ° λ§μ°μ€ ν¬μΈν°λ₯Ό λ°λΌ λ€λλ€.
false, trueλ₯Ό λͺ μμ μΌλ‘ μ§μ νμ§ μμΌλ©΄ μλ¦¬μ¦ μ’ λ₯μ λ°λΌ μλ μ€μ λλ€. ex) pie μ리μ¦λ true, bar μ리μ¦λ falseκ° λλ€.
hideDelay: number
ν΄νμ΄ μ μ§μ μΌλ‘ λ«νλ μκ°μ λ°λ¦¬μ΄ λ¨μλ‘ μ§μ νλ€.
default :700
html: string
minHeight: number
minWidth: number
nanText: string
ν΄ν ν μ€νΈ μ μ«μ κ°μ΄ NaNμΌ λ λμ νμλλ ν μ€νΈ.
numberFormat: string
ν΄νμ νμλ μ«μκ°μ κΈ°λ³Έ νμ.
text
μ νμ λ¬Έμμ΄μ μ§μ ν λ ${yValue;;#,###.0}
μ κ°μ μμΌλ‘ μ«μ νμμ μ§μ ν μ μλ€.
offset: number
λͺ©ν μ§μ κ³Ό tooltip μ¬μ΄μ κ°κ²©.
scope: 'axis'|'group'|'hover'|'point'
νλμ ν΄νμΌλ‘ νμν λ²μ.
'axis'
'group'
'hover'
'point'
style: SVGStyles
|string
μ€νμΌμ νΉμ class selector.
text: string
ν΄νμ νμν ν
μ€νΈ νμ.
μ리μ¦μ tooltipText
κ° μλ¦¬μ¦ λ³ tooltipμ μ 곡νμ§λ§,
μ΄ μμ±μ΄ μ§μ λ κ²½μ° μ°μ μ¬μ©λλ€.
${param;default;format}
νμμΌλ‘ μλκ³Ό κ°μ λ³μλ‘ λ°μ΄ν° ν¬μΈνΈ λ° μλ¦¬μ¦ κ°μ μ§μ ν μ μλ€.
λ³μ | μ€λͺ |
---|---|
series | μλ¦¬μ¦ μ΄λ¦ |
name | ν¬μΈνΈ μ΄λ¦. ν¬μΈνΈκ° μν μΉ΄ν κ³ λ¦¬ μ΄λ¦μ΄κ±°λ, 'x' μμ±μΌλ‘ μ§μ ν κ° |
x | 'x' μμ±μΌλ‘ μ§μ ν κ° |
y | 'y' μμ±μΌλ‘ μ§μ ν κ° |
xValue | κ³μ°λ xκ° |
yValue | κ³μ°λ yκ° |
timeFormat: string
ν΄νμ νμλ λ μ§(μκ°)κ°μ κΈ°λ³Έ νμ.
text
μ νμ λ¬Έμμ΄μ μ§μ ν λ ${x;;yyyy.MM}
μ κ°μ μμΌλ‘ λ μ§(μκ°) νμμ μ§μ ν μ μλ€.
visible: boolean
νμ μ¬λΆ.
default :true