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

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

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