Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChartAxisBase<T>.Inverted Property

Specifies whether an axis is inverted.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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>

Chart Inversion Comparison

See Also