TooltipOptions extends ChartItemOptions

데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자 옵션.
툴팁 개요 페이지를 참조한다.

Options

borderRadius: number (opens in a new tab)

툴팁 모서리의 굴곡 설정.

default :5

followPointer: boolean (opens in a new tab)

true이면 툴팁 상자가 마우스 포인터를 따라 다닌다.

false, true를 명시적으로 지정하지 않으면 시리즈 종류에 따라 자동 설정된다. ex) pie 시리즈는 true, bar 시리즈는 false가 된다.

default :undefined

headerHeight: number (opens in a new tab)

툴팁 헤더의 높이.
0 이하의 값을 설정할 경우 표시되지 않는다.

default :7

hideDelay: number (opens in a new tab)

툴팁이 점진적으로 닫히는 시간을 밀리초 단위로 지정한다.

default :700

listGap: number (opens in a new tab)

리스트 모드로 표시될 때, 툴팁 텍스트와 상세 텍스트 사이의 간격.

default :12

listMarkerGap: number (opens in a new tab)

리스트 모드로 표시될 때, 마커와 텍스트 간격.

default :5

listMarkerShape: 'circle' | 'diamond' | 'itriangle' | 'rectangle' | 'square' | 'star' | 'triangle'

리스트 모드로 표시될 때, 마커 모양.

• 'circle' 원
• 'diamond' 다아이몬드
• 'itriangle' 역삼각형
• 'rectangle' 사각형
• 'square' 정사각형
• 'star' 별 모양
• 'triangle' 삼각형

default :'circle'

listMarkerSize: number (opens in a new tab)

리스트 모드로 표시될 때, 마커 크기.

default :8

listRowGap: number (opens in a new tab)

리스트 모드로 표시될 때, 항목들 사이의 간격.

default :3

minHeight: number (opens in a new tab)

툴팁의 최소 높이.

default :40

minWidth: number (opens in a new tab)

툴팁의 최소 너비.

default :100

nanText: string (opens in a new tab)

툴팁 텍스트 속 숫자 값이 NaN일 때 대신 표시되는 텍스트.

default :''

noClip: boolean (opens in a new tab)

true로 지정하면 Chart영역을 벗어나도 표시된다.
ie11에서는 클리핑이 제대로 동작하지 않으므로 항상 true로 설정된다.

default :false

numberFormat: string (opens in a new tab)

툴팁에 표시될 숫자값의 기본 형식.
text예 표시 문자열을 지정할 때 ${yValue;;#,###.0}와 같은 식으로 숫자 형식을 지정할 수 있다.

default :',#.##'

offset: number (opens in a new tab)

목표 지점과 tooltip 사이의 간격.

default :8

scope: 'axis' | 'group' | 'hover' | 'point'

하나의 툴팁으로 표시할 범위.

• 'axis' hover된 시리즈가 연결된 x축의 모든 visible 시리즈 중, 동일 x(카테고리) 값을 갖는 데이터포인트를 한 툴팁에 표시한다.
  x축의 tooltipHeader, tooltipRow 등이 사용된다.
• 'group' hover된 시리즈가 시리즈 그룹에 포함된 경우, 그룹에 속한 시리즈들의 동일 x(카테고리) 값 데이터포인트를 한 툴팁에 표시한다.
  그룹이 아니면 'point'와 같이 해당 시리즈만 표시된다.
• 'hover' scope와 동일한 규칙으로 툴팁에 포함할 데이터포인트 범위를 결정한다.
  기본값이며, pointHovering이 'auto'이면 crosshair·시리즈 그룹·seriesHovering 설정에 따라 'point', 'group', 'axis' 중 하나로 해석된다.
• 'point' hover된 시리즈 하나의 데이터포인트만 툴팁에 표시한다.
  해당 시리즈의 tooltipText 등이 사용된다.

default :'hover'

simpleMode: boolean (opens in a new tab)

true 이면 headerHeight, tailSize, borderRadius에 각각 0을 지정한 것과 같다.

default :false

style: SVGStyles | string (opens in a new tab)

스타일셋 또는 css selector (opens in a new tab).

default :undefined

tailSize: number (opens in a new tab)

툴팁 꼬리 크기.
0 이하의 값을 설정할 경우 표시되지 않는다.

default :10

text: string (opens in a new tab)

툴팁에 표시할 텍스트 형식.
시리즈에 tooltipText가 시리즈 별 tooltip을 제공하지만, 이 속성이 지정된 경우 우선 사용된다.

${param;default;format} 형식으로 아래과 같은 변수로 데이터 포인트 및 시리즈 값을 지정할 수 있다.

default :undefined

timeFormat: string (opens in a new tab)

툴팁에 표시될 날짜(시간)값의 기본 형식.
text예 표시 문자열을 지정할 때 ${x;;yyyy.MM}와 같은 식으로 날짜(시간) 형식을 지정할 수 있다.

default :'yyyy-MM-dd'

visible: boolean (opens in a new tab)

표시 여부.

default :true