Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRangeSelectorScale.MinorTickInterval Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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

Razor
<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