DxChartAnnotationBase<T>.ArrowLength Property

Specifies the annotation arrow length.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(14)]
[Parameter]
public double ArrowLength { get; set; }

Property Value

Type	Default	Description
Double	14	The annotation arrow length in pixels.

Remarks

ArrowLength and ArrowWidth properties allow you to specify the size of the annotation arrow that points to a chart element.

The following example changes the size of the annotation arrow:

<DxChart Data="@DataSource">
    @* ... *@
    <DxChartLineSeries ValueField="@((ApplePrice i) => i.Close)"
                       ArgumentField="@((ApplePrice i) => i.Date)"
                       Name="AAPL" />
    <DxChartAnnotation Argument="new DateTime(2019, 9, 10)"
                       Series="AAPL"
                       Text="Watch Series 5"
                       VerticalOffset="-50"
                       ArrowWidth="0"
                       ArrowLength="30">
        <DxChartAnnotationBorder Color="#FFC107" Width="2" CornerRadius="4" />
    </DxChartAnnotation>
</DxChart>

Refer to the following section for more information about annotations: Annotations in Blazor Charts.