Skip to main content
All docs
V24.1

DxChartAnnotationShadow Class

Defines annotation shadow settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.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:

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

Chart - Annotation shadows

Refer to the following section for more information about annotations: Annotations in Blazor Charts.

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartAnnotationShadowModel>
DxChartAnnotationShadow
See Also