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.