API
PointHoveringOptions

PointHoveringOptions extends ChartItemOptions

데이터포인트에 마우수가 올라갈 때 처리하는 방식 설정 옵션.

Properties

hintDistance: number (opens in a new tab)

line, bubble, scatter 시리즈처럼 marker로 표시되는 데이터포인트의 위치를 찾을 때 데이터포인트 maker 외부로 추가되는 가상의 두께.
0이하면 표시되는 크기로 계산된다. 상당히 큰 크기로 지정하면 마우스가 어느 위치에 있든 마우스에 가장 가까운 marker가 찾아진다.
물론 마우스가 실제 표시되는 marker 위에 있다면 그 것으로 결정된다. 찾아진 데이터포인트가 마우스 아래 있는 것으로 여겨져서 hover 효과가 표시되거나 관련 이벤트가 발생한다.
기본값은 차트에 tooltip이 표시되고 tooltip.followPointertrue이면 차트 크기보다 큰 값이 되고, 아니면 30 픽셀이다.

default :undefined

scope: 'auto' | 'axis' | 'group' | 'point'

데이터포인트 hover시 동일한 효과를 표시할 연관된 포인트들을 선택하는 범위.

  • 'auto' hover된 데이터포인터의 상태에 따라 자동으로 결정한다.
    seriesHoveringtrue이면 'point', 데이터포인트의 x축에 'crosshair'가 동작 중이면 'axis', 데이터포인트가 series group에 포함된 경우이면 'group', 아니면 'point'가 된다.
  • 'axis' 마우스 아래 있는 데이터포인트와 같은 x축에 연결되고 x값이 같은 데이터포인트들을 모두 선택한다.
  • 'group' 마우스 아래 있는 데이터포인트와 같은 series group에 포함된 데이터포인트들을 모두 선택한다.
  • 'point' 마우스 아래 있는 데이터포인트만 효과가 표시된다.

default :undefined

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

스타일셋 혹은 class selector.

default :undefined

visible: boolean (opens in a new tab)

표시 여부.

default :true