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
스타일셋 또는 css selector (opens in a new tab).
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