argumentAxis tickInterval

Specifies an interval between axis ticks/grid lines.

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

Use this option to divide the scale by ticks in a specified interval one from another. If this option is not set, ticks are automatically arranged so that their labels do not overlap each other.

In case of a numeric axis, assign a numeric value to this option.

If the axis is of the date-time type, assign one of the predefined string values or an object to this option. The object's fields specify the number of days, hours, etc.

When you use a logarithmic axis, ticks are generated on a base of powers. For example, assume that the logarithm base is 10. Then, if the tick interval is 1, ticks are generated at 0.01, 0.1, 1, 10, 100, 1000, 10000, etc. If the tick interval is 2, ticks are generated at 0.1, 10, 1000, etc.

NOTE: The specified tick interval can be changed internally if its value leads to label overlapping. If you need to prohibit an automatic tick arrangement in this situation, specify the argumentAxis | label | overlappingBehavior option.

To set the tickInterval option for several axes at once, use the commonAxisSettings configuration object. To set this option for an individual axis, use the argumentAxis or valueAxis configuration object.

Show Example:
jQuery

In the following example, the argument axis tick interval is set to 1 hour.

<div id="chartContainer" style="height:500px; max-width:700px; margin: 0 auto"></div>
var dataSource = [
    { date: new Date(2012, 3, 2, 6, 35), traffic: 3 },
    { date: new Date(2012, 3, 2, 7, 50), traffic: 8 },
    { date: new Date(2012, 3, 2, 9, 0), traffic: 7 },
    { date: new Date(2012, 3, 2, 10, 20), traffic: 5 },
    { date: new Date(2012, 3, 2, 10, 50), traffic: 5 },
    { date: new Date(2012, 3, 2, 11, 35), traffic: 6 },
    { date: new Date(2012, 3, 2, 12, 14), traffic: 7 },
    { date: new Date(2012, 3, 2, 13, 42), traffic: 8 }
];

$(function () {
    $("#chartContainer").dxPolarChart({
        dataSource: dataSource,
        series: [{
            valueField: 'traffic',
            argumentField: 'date'
        }],
        argumentAxis: {
            tickInterval: { hours: 1 }
        },
        animation: { enabled: false },
        legend: { visible: false }
    });
});

days

Specifies the tick interval measured in days. Available for a date-time axis only.

Type: Number

hours

Specifies the tick interval measured in hours. Available for a date-time axis only.

Type: Number

milliseconds

Specifies the tick interval measured in milliseconds. Available for a date-time axis only.

Type: Number

minutes

Specifies the tick interval measured in minutes. Available for a date-time axis only.

Type: Number

months

Specifies the tick interval measured in months. Available for a date-time axis only.

Type: Number

quarters

Specifies the tick interval measured in quarters. Available for a date-time axis only.

Type: Number

seconds

Specifies the tick interval measured in seconds. Available for a date-time axis only.

Type: Number

weeks

Specifies the tick interval measured in weeks. Available for a date-time axis only.

Type: Number

years

Specifies the tick interval measured in years. Available for a date-time axis only.

Type: Number