JavaScript/jQuery Chart - valueAxis.tickInterval
Specifies the interval between major ticks. Does not apply to discrete axes.
If the axis displays numbers, set the tickInterval to a number. This number should fall into a range of 0 to 1 for a full-stacked series. For example, a tickInterval of 0.2 places a tick every 20%. If the axis displays date-time values, set the tickInterval to an accepted string value or object that contains one of the fields described in this section, for example:
jQuery
$(function() { $("#chartContainer").dxChart({ // ... valueAxis: { // ... tickInterval: { days: 5 } } }); });
Angular
<dx-chart ... > <dxi-value-axis ... > <dxo-tick-interval [days]="5"></dxo-tick-interval> </dxi-value-axis> </dx-chart>
import { DxChartModule } from 'devextreme-angular'; // ... export class AppComponent { // ... } @NgModule({ imports: [ // ... DxChartModule ], // ... })
When you use a "logarithmic" type axis, ticks are generated as an exponentiation. For example, assuming that the logarithm base is 10 and the tick interval is 1, ticks are generated at 10-2, 10-1, 100, 101, 102, 103, etc. If the tick interval is 2, ticks are generated at 10-1, 101, 103, etc.
When using the widget as an ASP.NET MVC Control, you can specify this option with the VizTimeInterval
enum which accepts the same predefined values, but they start with an upper-case letter, for example, 'day' becomes Day
.
See Also
- valueAxis.tick
- valueAxis.minorTickInterval
days
Specifies the time interval measured in days. Available only for an axis/scale displaying date-time values.
hours
Specifies the time interval measured in hours. Available only for an axis/scale displaying date-time values.
milliseconds
Specifies the time interval measured in milliseconds. Available only for an axis/scale displaying date-time values.
minutes
Specifies the time interval measured in minutes. Available only for an axis/scale displaying date-time values.
months
Specifies the time interval measured in months. Available only for an axis/scale displaying date-time values.
quarters
Specifies the time interval measured in quarters. Available only for an axis/scale displaying date-time values.
seconds
Specifies the time interval measured in seconds. Available only for an axis/scale displaying date-time values.
weeks
Specifies the time interval measured in weeks. Available only for an axis/scale displaying date-time values.
years
Specifies the time interval measured in years. Available only for an axis/scale displaying date-time values.
If you have technical questions, please create a support ticket in the DevExpress Support Center.