DxRangeSelectorScale.MinRange Property

Specifies the minimum range that users can select on the scale. Does not apply to discrete scales.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public ChartAxisInterval MinRange { get; set; }

Property Value

Type	Description
ChartAxisInterval	A ChartAxisInterval value that corresponds to the range length.

Remarks

Use MinRange and MaxRange properties to specify the minimum and maximum range that users can select on the Range Selector’s scale. When a user tries to select an invalid range, the component behaves as follows:

• Changes the slider marker color (the DxRangeSelectorSliderMarker.InvalidRangeColor property).
• Docks the dropped slider to the nearest valid value (tick) within the specified range length.

Note that MinRange and MaxRange properties do not apply to discrete scales. The component also ignores these properties at the first render if you select a range in code with the following properties:

SelectedRangeStartValue

Specifies the start value of the selected range.

SelectedRangeEndValue

Specifies the end value of the selected range.

SelectedRangeLength

Specifies the length of the selected range. Does not apply to discrete scales.

Example

The following code snippet sets the minimum range to a week and the maximum range to a month:

<DxRangeSelector Width="1100px"
                 Height="200px"
                 SelectedRangeStartValue="@(new DateTime(2024, 2, 1))"
                 SelectedRangeEndValue="@(new DateTime(2024, 2, 14))">
    <DxRangeSelectorScale StartValue="@(new DateTime(2024, 1, 1))"
                          EndValue="@(new DateTime(2024, 6, 1))"
                          TickInterval="ChartAxisInterval.Week"
                          MinorTickInterval="ChartAxisInterval.Day"
                          MinRange="ChartAxisInterval.Week"
                          MaxRange="ChartAxisInterval.Month"
                          ValueType="ChartAxisDataType.DateTime">
        <DxRangeSelectorScaleMarker>
            <DxRangeSelectorScaleMarkerLabel>
                <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
            </DxRangeSelectorScaleMarkerLabel>
        </DxRangeSelectorScaleMarker>
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>