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

[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:

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