TooltipOptions extends ChartItemOptions
데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자 옵션.
툴팁 개요
페이지를 참조한다.
Properties
followPointer: boolean
(opens in a new tab)
true이면 툴팁 상자가 마우스 포인터를 따라 다닌다.
false, true를 명시적으로 지정하지 않으면 시리즈 종류에 따라 자동 설정된다. ex) pie 시리즈는 true, bar 시리즈는 false가 된다.
default :undefined
hideDelay: number
(opens in a new tab)
툴팁이 점진적으로 닫히는 시간을 밀리초 단위로 지정한다.
default :700
html: string
(opens in a new tab)
default :undefined
minHeight: number
(opens in a new tab)
default :undefined
minWidth: number
(opens in a new tab)
default :undefined
nanText: string
(opens in a new tab)
툴팁 텍스트 속 숫자 값이 NaN일 때 대신 표시되는 텍스트.
default :undefined
numberFormat: string
(opens in a new tab)
툴팁에 표시될 숫자값의 기본 형식.
text
예 표시 문자열을 지정할 때 ${yValue;;#,###.0}
와 같은 식으로 숫자 형식을 지정할 수 있다.
default :undefined
offset: number
(opens in a new tab)
목표 지점과 tooltip 사이의 간격.
default :undefined
scope: 'axis'
| 'group'
| 'hover'
| 'point'
하나의 툴팁으로 표시할 범위.
'axis'
'group'
'hover'
'point'
default :undefined
style: SVGStyles
| string
(opens in a new tab)
스타일셋
또는 css selector
(opens in a new tab).
default :undefined
text: string
(opens in a new tab)
툴팁에 표시할 텍스트 형식.
시리즈에 tooltipText
가 시리즈 별 tooltip을 제공하지만,
이 속성이 지정된 경우 우선 사용된다.
${param;default;format}
형식으로 아래과 같은 변수로 데이터 포인트 및 시리즈 값을 지정할 수 있다.
변수 | 설명 |
---|---|
series | 시리즈 이름 |
name | 포인트 이름. 포인트가 속한 카테고리 이름이거나, 'x' 속성으로 지정한 값 |
x | 'x' 속성으로 지정한 값 |
y | 'y' 속성으로 지정한 값 |
xValue | 계산된 x값 |
yValue | 계산된 y값 |
default :undefined
timeFormat: string
(opens in a new tab)
툴팁에 표시될 날짜(시간)값의 기본 형식.
text
예 표시 문자열을 지정할 때 ${x;;yyyy.MM}
와 같은 식으로 날짜(시간) 형식을 지정할 수 있다.
default :undefined
visible: boolean
(opens in a new tab)
표시 여부.
default :true