Example of Crosshair in React Chart Component


This sample illustrates crosshair feature in chart. To see crosshair, hover or long press the chart.

More Details...


This sample demonstrates the crosshair behavior in chart. Crosshair is used to inspect or focus on an individual data point. You can customize the axis tooltip using crosshairTooltip properties in axis.

Hover the chart area to view crosshair and its tooltip. Touch and hold to enable crosshair in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Crosshair, we need to inject Crosshair module into services.

More information on the Crosshair can be found in this   documentation section.