New to KendoReactStart a free 30-day trial

Crosshairs
Premium

The Chart crosshairs are lines which are perpendicular to the axes and enable the user to see the exact value at the current cursor position.

To enable the crosshair for an axis, either:

  • Add the corresponding crosshair component, or
  • Set the crosshair.visible option to true.

The following example demonstrates how to enable the crosshairs.

Change Theme
Theme
Loading ...

Current Cursor Values

To get the current hovered values, use the onPlotAreaHover event.

The following example demonstrates how to get the hovered values.

Change Theme
Theme
Loading ...
In this article
Current Cursor ValuesSuggested Links
Not finding the help you need?
Contact Support