차트의 툴팁에 대한 구성 옵션을 설정합니다.
setOptions의tooltip을 이용하여 정의 합니다.
| name | type | required(default) | description |
|---|---|---|---|
| animation | boolean |
선택(true) | 출력시 애니메이션 효과 사용 여부 |
| backgroundColor | color |
선택 | 배경색 |
| borderColor | color |
선택 | border 색상 |
| borderRadius | number |
선택(3) | radius 적용 값 |
| borderWidth | number |
선택(1) | border의 너비 |
| distance | number |
선택(16) | 툴팁과 포인트 간 거리 설정 |
| enabled | boolean |
선택(true) | 툴팁 사용 여부 |
| formatter | function() |
선택 | 툴팁의 텍스트를 포맷하는 콜백 |
| headerFormat | string |
선택 | 헤더 출력 포맷 형식 문자열(HTML). {point.key}, {series.name}, {series.color} 등을 쓸 수 있음 (예: "<b>{point.key}</b><br/>") |
| hideDelay | number |
선택(500) | 툴팁 숨기기까지 지연 시간 |
| padding | number |
선택(8) | 툴팁 내부 padding |
| pointFormat | string |
선택 | 포인트 값 출력 포맷 형식 문자열(HTML). {point.y}, {point.x}, {series.name}, {series.color} 등을 쓸 수 있음 (예: "{series.name}: {point.y}") |
| shadow | boolean |
선택(true) | 그림자 표시 여부 |
| shared | boolean |
선택(false) | 모든 시리즈의 값을 묶어서 출력할지 여부 |
| style | object |
선택 | 스타일 속성 |
| useHTML | boolean |
선택(false) | html tag 사용 여부 |
| valuePrefix | string |
선택 | 값의 머리 글 문자열 y값 앞에 붙일 문자열 (예: "$", "₩") |
| valueSuffix | string |
선택 | 값의 꼬리 글 문자열 y값 뒤에 붙일 문자열 (예: " 원", "%") |
| split | boolean |
선택(false) | 툴팁을 시리즈마다 따로 나눠 각 포인트 옆에 표시합니다. |
| footerFormat | string |
선택("") | 툴팁 내용 아래쪽에 붙일 문구를 설정합니다. 공통 툴팁(shared)에서 합계나 안내 문구를 표시할 때 주로 사용합니다. 툴팁 끝에 덧붙일 HTML 문자열 (예: "</table>") |
| xDateFormat | string |
선택(undefined) | 시간 축(type: "datetime")에서 툴팁 머리글에 표시할 날짜 형식을 설정합니다. |
| valueDecimals | number |
선택(undefined) | 툴팁에 표시할 값의 소수 자릿수를 설정합니다. |
| followPointer | boolean |
선택(false) | 툴팁이 마우스 위치를 따라다니게 설정합니다. |
| outside | boolean |
선택(false) | 툴팁을 차트 영역 밖에 별도 요소로 그립니다. |
| positioner | function |
선택(undefined) | 툴팁의 위치를 직접 계산하는 함수를 설정합니다. |
| pointFormatter | function |
선택(undefined) | 툴팁에서 포인트 한 개의 표시 내용을 함수로 만듭니다. |
| nullFormat | string |
선택(undefined) | 값이 null인 포인트에 마우스를 올렸을 때 툴팁에 표시할 문구를 설정합니다. |
| format | string |
선택(undefined) | 툴팁 전체 내용을 형식 문자열로 설정합니다. 형식 문자열. formatter와 같은 문맥으로 {point.key}, {x}, {y}, {series.name} 등을 쓸 수 있음 (예: "{point.key}: {y}") |
| shape | string |
선택(callout) | 툴팁 테두리 모양을 설정합니다. 값: "callout", "circle", "rect" (고정 툴팁(fixed)의 기본값은 "rect") |
| snap | number |
선택(10) | 선 차트에서 마우스가 선이나 마커에 얼마나 가까워지면(px) 반응할지 설정합니다. |
| stickOnContact | boolean |
선택(false) | 마우스를 툴팁 위로 옮겼을 때 툴팁이 사라지거나 다른 포인트로 바뀌지 않게 합니다. |
| headerShape | string |
선택(callout) | split 툴팁에서 x값(머리글) 상자의 모양을 설정합니다. 값: "callout", "rect" |
| fixed | boolean |
선택(false) | 툴팁을 포인트 옆이 아니라 차트의 고정된 위치에 표시합니다. |
| position | object |
선택({x: 0, y: 3}) | fixed가 true일 때 툴팁의 고정 위치를 설정합니다. |
| nullFormatter | function |
선택(undefined) | 값이 null인 포인트의 툴팁 내용을 함수로 만듭니다. |
| dateTimeLabelFormats | object |
선택 | 시간 축 차트에서 툴팁 머리글의 날짜 형식을 데이터 간격 단위별로 설정합니다. |