DxChartAnnotation.Axis Property

Specifies the axis name to anchor the annotation.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

Declaration

[Parameter]
public string Axis { get; set; }

Property Value

Type	Description
String	The axis name.

Remarks

DxChart allows you to anchor annotations to value and argument axes. If your chart component contains multiple axes, specify the Axis property to anchor the annotation to a particular axis.

<DxChart Data="SalesData">
    @* ... *@
    <DxChartValueAxis Name="Amount">
        @* ... *@
        <DxChartAxisTitle Text="Amount" />
    </DxChartValueAxis>
    <DxChartValueAxis Name="TotalAxis" Alignment="ChartAxisAlignment.Far">
        <DxChartAxisTitle Text="Total Amount" />
    </DxChartValueAxis>
    <DxChartAnnotation Value="0.6"
                       Axis="Amount"
                       Text="This annotation is anchored to the specified value axis."
                       Opacity="1"
                       HorizontalOffset="250">
        @* ... *@
    </DxChartAnnotation>
    <DxChartFullStackedBarSeries Name="2017"
                                 Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                                 SummaryMethod="Enumerable.Sum"
                                 ArgumentField="@(s => s.City)"
                                 ValueField="@(s => s.Amount)" />
    <DxChartSplineSeries Name="Total"
                         SummaryMethod="Enumerable.Sum"
                         ArgumentField="@((SaleInfo s) => s.City)"
                         ValueField="@(s => s.Amount)"
                         Axis="TotalAxis" />
</DxChart>