DxChartAnnotationShadow Class

In This Article

Declaration

Remarks

Implements

Inheritance

Defines annotation shadow settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

#Declaration

public class DxChartAnnotationShadow :
    DxSettingsComponent<ChartAnnotationShadowModel>

#Remarks

The DxChartAnnotationShadow component allows you to configure shadows for chart annotations.

Blur | Color | Opacity: Specify the shadow appearance.
HorizontalOffset | VerticalOffset: Specify the shadow position.

The following code snippet configures shadows for a text annotation:

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">
        <DxChartAnnotationShadow Blur="7"
                                 Color="#5F368D"
                                 HorizontalOffset="10"
                                 VerticalOffset="10"
                                 Opacity="0.9"/>
    </DxChartAnnotation>
</DxChart>