Skip to main content
All docs
V25.1
  • DxRangeSelector.SelectedRangeLength Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Description
    ChartAxisInterval

    A ChartAxisInterval value.

    Remarks

    The Range Selector allows you to select a range in code. To set a range, use one of the following options:

    When you leave the range unset, it matches the entire scale at the first component render.

    Example

    The following code snippets specify a predefined range on the first render. Switch code tabs to see possible options.

    Range Selector - Set Selected Range

    <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>
    
    See Also