Hint.Style Property

Gets or sets the appearance settings of the chart hint.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

Declaration

public HintStyle Style { get; set; }

Property Value

Type	Description
HintStyle	The chart hint appearance settings storage.

Remarks

The Hint.Style manages the hint appearance. The style configures the following hint elements:

Hint Element	Property	Description
1. Hint Label	BackgroundColor	Gets or sets the hint label’s background color.
	ItemsIndent	Gets or sets the indent between crosshair hint label items.
	MarkerSize	Gets or sets the hint’s marker size.
	Padding	Gets or sets the hint’s label padding.
	TextIndent	Gets or sets the indent between a hint marker and text.
2. Argument Line	ArgumentLineStyle	Gets or sets the options that configure the argument line appearance for the crosshair hint.
3. Value Line	ValueLineStyle	Gets or sets the options that configure the value line appearance for the crosshair hint.

Example

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.

XAML

<dxc:ChartView.Hint>
    <dxc:Hint Enabled="True">
        <!--...-->
        <dxc:Hint.Behavior>
            <dxc:CrosshairHintBehavior
                    GroupHeaderTextPattern="{} Year: {A$YYYY}"
                    MaxSeriesCount="3" />
        </dxc:Hint.Behavior>
        <dxc:Hint.Style>
            <dxc:HintStyle>
                <dxc:HintStyle.ArgumentLineStyle>
                    <dxc:CrosshairLineStyle LabelBackgroundColor="#383c44"
                                            Stroke="Blue">
                        <dxc:CrosshairLineStyle.TextStyle>
                            <dxc:TextStyle Color="White"
                                           Size="30"/>
                        </dxc:CrosshairLineStyle.TextStyle>
                    </dxc:CrosshairLineStyle>
                </dxc:HintStyle.ArgumentLineStyle>
                <dxc:HintStyle.ValueLineStyle>
                    <dxc:CrosshairLineStyle LabelBackgroundColor="#383c44"
                                            Stroke="Red">
                        <dxc:CrosshairLineStyle.TextStyle>
                            <dxc:TextStyle Color="White"
                                           Size="30"/>
                        </dxc:CrosshairLineStyle.TextStyle>
                    </dxc:CrosshairLineStyle>
                </dxc:HintStyle.ValueLineStyle>
            </dxc:HintStyle>
        </dxc:Hint.Style>
    </dxc:Hint>
</dxc:ChartView.Hint>