Blazor Chart with Crosshair Example.

Charts / User Interaction / Crosshair

This sample depicts the crosshair behavior in the charts. To view the crosshair and its tooltip, hover over the chart or tap on it in touch-enabled devices.

Loading Syncfusion Blazor Server Demos…

The crosshair is used to inspect or focus on an individual data point using a vertical and a horizontal line. You can enable the crosshair using the Enable property in the ChartCrosshairSettings class and customize its tooltip by using the ChartAxisCrosshairTooltip in the axis.

The SnapToData property snaps the crosshair to the nearest data point instead of following the exact mouse position, providing a more precise focus on data points.

More information about the crosshair can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE