Skip to main content
All docs
V25.1
  • DxChartAnnotationShadow Class

    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:

    <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