DxChartAnnotationBase<T>.Type Property

Specifies the annotation type.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public ChartAnnotationType Type { get; set; }

Property Value

Type	Description
ChartAnnotationType	An enumeration value.

Available values:

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

Remarks

Use the Type property to specify whether the chart displays an image or text string within the annotation.

The default annotation type is Text. To display a text annotation, assign a text string to the Text property.

<DxChartAnnotation Text="iPhone 14">
    @* ... *@
</DxChartAnnotation>

To create an image annotation, follow the steps below:

• Set the Type property to Image.
• Add a DxChartAnnotationImage object to the markup and configure image settings.

<DxChartAnnotation Type="ChartAnnotationType.Image">
    <DxChartAnnotationImage Url="@StaticAssetUtils.GetImagePath("AppleStock/stock.svg")"
                            Width="40"
                            Height="40" />
    @* ... *@
</DxChartAnnotation>

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