API
CrosshairOptions

CrosshairOptions extends ChartItemOptions

직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소 옵션.

Options

flag: CrosshairFlagOptions

축 상에 crosshair의 정보를 표시하는 view.

default :undefined

followPointer: boolean (opens in a new tab)

false면 type이 'line'인 경우 데이터포인트나 카테고리 단위로 이동한다.

default :true

markerHovering: boolean (opens in a new tab)

x축 crosshair 영역에 포함된 marker 데이터포인트들이 마우스 아래 있을 때와 동일한 효과를 표시한다.

default :undefined

numberFormat: string (opens in a new tab)

표시되는 값이 숫자일 때 사용되는 표시 형식.

default :'#,##0.#'

onChange: (args: CrosshairCallbackArgs) => void (opens in a new tab)

default :undefined

showAlways: boolean (opens in a new tab)

true면 마우스 위치를 따라 항상 표시하고, false면 data point 위에 마우스가 있을 때만 표시한다.

default :true

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

스타일셋 혹은 class selector.

default :undefined

timeFormat: string (opens in a new tab)

표시되는 값이 날짜(시간)일 때 사용되는 표시 형식.

default :'yyyy-MM-ddHH:mm'

type: 'auto' | 'line'

표시 방식.

  • 'auto' 카테고리 축이면 bar, 연속 축이면 line으로 표시한다.
  • 'line' 항상 line으로 표시한다.

default :'auto'

visible: boolean (opens in a new tab)

default :false