Back to Devexpress

DxChartAnnotationBase<T>.Type Property

blazor-devexpress-dot-blazor-dot-dxchartannotationbase-1-514056ff.md

latest2.2 KB
Original Source

DxChartAnnotationBase<T>.Type Property

Specifies the annotation type.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDescription
ChartAnnotationType

An enumeration value.

|

Available values:

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

razor
<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.
razor
<DxChartAnnotation Type="ChartAnnotationType.Image">
    <DxChartAnnotationImage Url="@StaticAssetUtils.GetImagePath("AppleStock/stock.svg")"
                            Width="40"
                            Height="40" />
    @* ... *@
</DxChartAnnotation>

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

See Also

DxChartAnnotationBase<T> Class

DxChartAnnotationBase<T> Members

DevExpress.Blazor Namespace