scale minorTickInterval

Specifies an interval between minor ticks.

Default Value: undefined
Accepted Values: number|object|'millisecond' | 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year'

Major ticks are those that are accompanied by labels, which display the corresponding scale values. Minor ticks are the intermediate ticks between major ticks. Minor ticks are required when major ticks are far from each other due to label overlap. To set a custom minor tick interval, use the minorTickInterval property. If this property is not set, minor ticks are arranged automatically.

In the case of a numeric scale, assign a numeric value to this property. If the scale is of the date-time type, assign one of the predefined string values. To set an interval to several days, hours etc., assign an object with the corresponding field specified (days, hours or another field). Note that this object should contain only one of the fields described in this section.

When the snapToTicks property is set to true, sliders are docked to both major and minor ticks.

To prohibit the display of minor ticks, set the scale's showMinorTicks property to false.

To set a custom tick interval between major ticks, use the scale's majorTickInterval property.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 'day'.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2012, 2, 5),
            endValue: new Date(2012, 3, 10),
            minorTickInterval: 'day'
        }
    });
});

days

Specifies the count in days between the scale's minor ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 1 day.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2012, 2, 5),
            endValue: new Date(2012, 3, 10),
            minorTickInterval: { days: 1 }
        }
    });
});

hours

Specifies the count in hours between the scale's minor ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 4 hours.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2012, 2, 5),
            endValue: new Date(2012, 2, 10),
            minorTickInterval: { hours: 4 }
        }
    });
});

milliseconds

Specifies the count is milliseconds between the scale's minor ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 50 milliseconds.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(0),
            endValue: new Date(1000),
            minorTickInterval: { milliseconds: 50 }
        }
    });
});

minutes

Specifies the count in minutes between the scale's minor ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 2 minutes.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2012, 2, 5, 12, 00),
            endValue: new Date(2012, 2, 5, 13, 00),
            minorTickInterval: { minutes: 2 }
        }
    });
});

months

Specifies the count in months between the scale's major ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 1 month.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2010, 0),
            endValue: new Date(2013, 0),
            minorTickInterval: { months: 1 }
        }
    });
});

seconds

Specifies the count in seconds between the scale's minor ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 10 seconds.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(2012, 2, 5, 12, 00),
            endValue: new Date(2012, 2, 5, 12, 10),
            minorTickInterval: { seconds: 10 }
        }
    });
});

years

Specifies the count in years between the scale's major ticks.

Type: Number

This property is used for a date-time scale.

Show Example:
jQuery

In this example, the minorTickInterval option is set to 1 year.

<div id="rangeSelectorContainer" style="height: 160px"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: new Date(1992, 0),
            endValue: new Date(2012, 0),
            minorTickInterval: { years: 1 }
        }
    });
});