DxChartAxisBase<T>.Inverted Property

Specifies whether an axis is inverted.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public bool Inverted { get; set; }

Property Value

Type	Description
Boolean

true to invert an axis; otherwise, false.

Remarks

Set the Inverted property to true to swap the minimum and maximum values of an axis. As a result, its values ascend in the opposite direction. The Chart also inverts series.

The following example creates two charts bound to one data source and invert the value axis in one of them:

razor

<DxChart Data="@forecasts" Width="460px;">
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.Precipitation)"
                       Name="Precipitation">
    </DxChartLineSeries>
    <DxChartLegend VerticalAlignment="VerticalEdge.Top" />
</DxChart>
<DxChart Data="@forecasts" Width="460px;">
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.Precipitation)"
                       Name="Precipitation">
    </DxChartLineSeries>
    <DxChartLegend VerticalAlignment="VerticalEdge.Bottom" />
    <DxChartValueAxis Inverted="true" />
</DxChart>