ChartAnnotationType Enum

Lists annotation types.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum ChartAnnotationType

Members

Name	Description
Text	Displays text assigned to the DxChartAnnotationBase.Text property.
Image	Displays an image specified by the DxChartAnnotationImage.Url property.

Related API Members

The following properties accept/return ChartAnnotationType values:

• DxChartAnnotationBase<T>.Type

Remarks

Use the DxChartAnnotation.Type property to specify whether the chart component displays text or image content within the corresponding annotation.

Based on the specified annotation type, assign a text string to the DxChartAnnotation.Text property or add a DxChartAnnotationImage object and configure image settings.

<DxChart Data="@DataSource">
    @* ... *@
    <DxChartLineSeries ValueField="@((ApplePrice i) => i.Close)"
                       ArgumentField="@((ApplePrice i) => i.Date)"
                       Name="AAPL" />
    @* ... *@
    <DxChartAnnotation Text="iPhone 14"
                       Argument="new DateTime(2022, 9, 7)"
                       Series="AAPL"
                       VerticalOffset="60">
            @* ... *@
    </DxChartAnnotation>
    <DxChartAnnotation Type="ChartAnnotationType.Image"
                       PositionX="150"
                       PositionY="150"
                       PaddingLeftRight="0"
                       PaddingTopBottom="0">
        <DxChartAnnotationImage Url="@StaticAssetUtils.GetImagePath("AppleStock/stock.svg")"
                                Width="60"
                                Height="60" />
    </DxChartAnnotation>
</DxChart>