Skip to main content
All docs
V25.1
  • DxChartAnnotationBase<T>.ArrowWidth Property

    Specifies the annotation arrow width.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Default Description
    Double 14

    The annotation arrow width in pixels.

    Remarks

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

    Chart - Annotation arrow

    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>
    

    Chart - The annotation arrow size

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

    See Also