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

    Specifies the interval between minor scale ticks. Applies only to continuous scales.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Description
    ChartAxisInterval

    A ChartAxisInterval value.

    Remarks

    The Range Selector calculates intervals between minor scale ticks automatically based on data source values. Use the MinorTickInterval property to set a custom interval for minor ticks. This property is applicable to scales of the Continuous type only.

    Alternatively, use the DxRangeSelectorScale.MinorTickCount property to specify the number of minor ticks between two neighboring major ticks.

    Note

    The MinorTickInterval property has priority over the MinorTickCount property.

    To customize appearance settings of minor scale ticks, add a DxRangeSelectorScaleMinorTick object to the DxRangeSelectorScale component markup. To hide minor ticks, set the DxRangeSelectorScaleMinorTick.Visible property to false.

    The following code snippet sets the minor tick interval to one day:

    Range Selector - Minor Tick Intervals

    <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))"
                              MinorTickInterval="ChartAxisInterval.Day"
                              TickInterval="ChartAxisInterval.Week"
                              MaxRange="ChartAxisInterval.Month"
                              MinRange="ChartAxisInterval.Week"
                              ValueType="ChartAxisDataType.DateTime">
            <DxRangeSelectorScaleMarker>
                <DxRangeSelectorScaleMarkerLabel>
                    <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
                </DxRangeSelectorScaleMarkerLabel>
            </DxRangeSelectorScaleMarker>
        </DxRangeSelectorScale>
        <DxRangeSelectorSliderMarker>
            <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
        </DxRangeSelectorSliderMarker>
    </DxRangeSelector>
    
    See Also