Skip to main content
All docs
V25.1
  • DxRangeSelectorChartValueAxis Class

    Defines a value axis in the Range Selector’s DxRangeSelectorChart component.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxRangeSelectorChartValueAxis :
        DxSettingsComponent<RangeSelectorChartValueAxisModel>

    Remarks

    Use DxRangeSelectorChartValueAxis class APIs to manage the value axis in the Range Selector’s DxRangeSelectorChart component. The following properties are available:

    Type | ValueType
    Define the type of the value axis and assigned data source values.
    MinValue | MaxValue
    Specify the axis’s visual range.
    LogarithmBase
    Specifies the value to be raised to a power when DxRangeSelectorChart generates ticks for the value axis of the Logarithmic type.
    Inverted
    Specifies whether the value axis is inverted.

    The value axis in the Range Selector’s DxRangeSelectorChart component does not support visual elements (for example, ticks or labels) and does not include any nested components.

    Example

    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>;
    }
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorChartValueAxisModel>
    DxRangeSelectorChartValueAxis
    See Also