DxChartAnnotationBorder.DashStyle Property

Specifies the line style for annotation borders.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.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>