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.MinorTickCount Property

Specifies the number of minor scale ticks between two neighboring major ticks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public int MinorTickCount { get; set; }

#Property Value

Type Description
Int32

The number of minor ticks.

#Remarks

The Range Selector calculates intervals between minor scale ticks automatically based on data source values. Use the MinorTickCount property to specify the number of minor ticks between two neighboring major ticks.

Alternatively, use the DxRangeSelectorScale.MinorTickInterval property to set a custom interval for minor ticks. This property is applicable to scales of the Continuous type only.

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 displays three minor ticks between major ticks on the Range Selector’s scale:

Range Selector - Minor Tick Count

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))"
                          MinorTickCount="3"
                          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