blazor-devexpress-dot-blazor-dot-dxchartannotationborder.md
Specifies the line style for annotation borders.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(ChartDashStyle.Solid)]
[Parameter]
public ChartDashStyle DashStyle { get; set; }
| 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.
|
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>
See Also