DxChartAnnotationBorder.Color Property

Specifies the color for annotation borders.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#dddddd")]
[Parameter]
public string Color { get; set; }

Property Value

Type	Default	Description
String	"#dddddd"	The border color.

Remarks

The Color property accepts the following formats:

• Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
• RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
• HTML color name (case-insensitive): red, DarkGreen.

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>