Skip to main content
All docs
V25.1
  • DxRangeSelectorChartValueAxis.Inverted Property

    Specifies whether the DxRangeSelectorChartValueAxis is inverted.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool Inverted { get; set; }

    Property Value

    Type Default Description
    Boolean false

    true to invert the axis; otherwise, false.

    Remarks

    Set the Inverted property to true to swap the minimum and maximum values of the DxRangeSelectorChartValueAxis. As a result, its values ascend in the opposite direction. The Range Selector also inverts DxRangeSelectorChart series.

    The following code snippet inverts the value axis in the Range Selector’s chart:

    Range Selector - Inverted Value Axis

    <DxRangeSelector Width="100%"
                     Data="@Data"
                     ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
        <DxRangeSelectorChart>
            @CreateChartAreaSeries(s => s.Y1)
            @CreateChartAreaSeries(s => s.Y2)
            @CreateChartAreaSeries(s => s.Y3)
            <DxRangeSelectorChartValueAxis Inverted="true" />
        </DxRangeSelectorChart>
        <DxRangeSelectorScale TickInterval="50" />
    </DxRangeSelector>
    
    @code {
        protected override void OnInitialized() {
            Data = RangeSelectorPointProvider.GetData();
        }
    
        private RenderFragment CreateChartAreaSeries(Expression<Func<Point, double>> valueField) =>
            @<DxChartAreaSeries ArgumentField="@(s => s.Arg)"
                                ValueField="@(valueField)">
            </DxChartAreaSeries>;
    }
    
    See Also