Back to Devexpress

DxChartAnnotationBorder.DashStyle Property

blazor-devexpress-dot-blazor-dot-dxchartannotationborder.md

latest2.0 KB
Original Source

DxChartAnnotationBorder.DashStyle Property

Specifies the line style for annotation borders.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
ChartDashStyleSolid

An enumeration value.

|

Available values:

NameDescription
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:

razor
<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>

See Also

DxChartAnnotationBorder Class

DxChartAnnotationBorder Members

DevExpress.Blazor Namespace