Skip to main content
All docs
V25.1
  • DxRangeSelectorScale.EndOnTick Property

    Specifies whether the scale should start and end on major ticks.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Default Description
    Boolean false

    true to start and end the scale on ticks; otherwise, false.

    Remarks

    The Range Selector’s scale starts and ends at the outermost points defined by StartValue and EndValue properties or data source values.

    Range Selector - Minor Tick Intervals

    Enable the EndOnTick property to extend the scale so that it starts and ends on major ticks. In case the outermost points initially match major ticks, the component adds extra ticks to the scale.

    Range Selector - Extend the Scale

    <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"
                              EndOnTick="true"
                              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