Skip to main content
All docs
V25.1
  • DxChartAnnotationBorder.DashStyle Property

    Specifies the line style for annotation borders.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(ChartDashStyle.Solid)]
    [Parameter]
    public ChartDashStyle DashStyle { get; set; }

    Property Value

    Type Default Description
    ChartDashStyle Solid

    An enumeration value.

    Available values:

    Name Description
    Solid

    A continuous solid line.

    Dash

    A dashed line.

    Dot

    A dotted line.

    LongDash

    A line that displays long dashes.

    DashDot

    A line that repeats the dash-dot pattern.

    DashDotDot

    A line that repeats the dash-dot-dot pattern.

    Remarks

    The following code snippet changes the appearance of annotation borders:

    <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">
            <DxChartAnnotationBorder Color="#5F368D"
                                     CornerRadius="6"
                                     DashStyle="ChartDashStyle.Dot"
                                     Opacity="0.7"
                                     Width="2" />
        </DxChartAnnotation>
    </DxChart>
    

    Chart - Annotation borders

    See Also