Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChartAnnotationShadow Class

Defines annotation shadow settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

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