Skip to main content

CrosshairLineStyle Class

Stores crosshair line appearance settings.

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts


public class CrosshairLineStyle :

The following members return CrosshairLineStyle objects:


When you set the Hint.Behavior property to the CrosshairHintBehavior object, the ChartView displays a hint for a data point as a crosshair cursor.

A crosshair cursor is a pair of intersecting horizontal and vertical lines (value line and argument line) with the corresponding axis labels at the end of these lines. Assign the CrosshairLineStyle object with the specified settings to the HintStyle.ArgumentLineStyle and HintStyle.ValueLineStyle properties to customize the appearance of these lines and their labels. To show or hide them, use the corresponding properties of the CrosshairHintBehavior object.


This example demonstrates how to set the ChartView hint behavior to crosshair, and how to specify the crosshair hint properties.

  1. Set the ChartView.Hint property to the Hint object, with the Enabled property set to True.
  2. Assign the CrosshairHintBehavior object to the Hint.Behavior property. Specify the GroupHeaderTextPattern and MaxSeriesCount properties to manage the crosshair cursor label content.
  3. Create a new HintStyle object and assign it to the Hint.Style property to customize the hint appearance. Assign the CrosshairLineStyle class instance with specified LabelBackgroundColor, Stroke, and TextStyle properties to the HintStyle.ArgumentLineStyle and HintStyle.ValueLineStyle properties to modify appearance of the hint lines and hint labels.
    <dxc:Hint Enabled="True">
                    GroupHeaderTextPattern="{} Year: {A$YYYY}"
                    MaxSeriesCount="3" />
                    <dxc:CrosshairLineStyle LabelBackgroundColor="#383c44"
                            <dxc:TextStyle Color="White"
                    <dxc:CrosshairLineStyle LabelBackgroundColor="#383c44"
                            <dxc:TextStyle Color="White"

Crosshair Line Properties

See Also