DxChartAnnotationBorder.DashStyle Property
In This Article
Specifies the line style for annotation borders.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[DefaultValue(ChartDashStyle.Solid)]
[Parameter]
public ChartDashStyle DashStyle { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Chart |
Solid | An enumeration value. |
Available values:
Name | Description |
---|---|
Solid | A continuous solid line. |
Dash | A dashed line. |
Dot | A dotted line. |
Long |
A line that displays long dashes. |
Dash |
A line that repeats the dash-dot pattern. |
Dash |
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