Blazor Toolkit
Enable Crosshair

The crosshair feature displays horizontal and vertical reference lines that follow the mouse pointer or touch interaction across the chart area. To enable this feature, set the Enable property in ChartCrosshairSettings to true. This helps users easily track the exact position of data points.

Highlight Category

The highlight category option emphasizes the entire category that aligns with the crosshair position. To enable this feature, set the HighlightCategory property in ChartCrosshairSettings to true. When enabled, the corresponding X-axis or Y-axis category is visually highlighted, making it easier to identify related data points across series.

Label

The crosshair label displays the corresponding axis value at the intersection point of the crosshair lines. To display the crosshair label, set the Enable property in ChartAxisCrosshairTooltip within the axis configuration to true. This provides precise information about the data position and improves readability during data inspection.

Line Type

The crosshair line type determines the direction of the crosshair lines. It can be customized to appear as vertical, horizontal, or both using the LineType property in ChartCrosshairSettings. You can also customize it as solid, dashed, or dotted lines using the DashArray property, allowing better visual distinction based on chart requirements.

Snap

The snap feature aligns the crosshair directly to the nearest data point instead of following free mouse movement. You can disable this behavior by setting the SnapToData property in ChartCrosshairSettings to false. This ensures accurate value representation, especially when dealing with dense or closely plotted data points.

Style

The appearance of the crosshair can be customized using styling properties. You can modify attributes such as line color and width using the ChartCrosshairLine component, and the label text opacity using the ChartCrosshairTextStyle component to match the chart theme and improve visual clarity.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.