React Chart - valueAxis.minorTickInterval
Specifies the interval between minor ticks. Applies only to continuous axes.
If the axis displays numbers, set the minorTickInterval to a number. This number should fall into a range of 0 to 1 for a full-stacked series. For example, a minorTickInterval of 0.05 places a minor tick every 5%. If the axis displays date-time values, set the minorTickInterval to an accepted string value or an object that contains one of the fields described in this section, for example:
jQuery
$(function() { $("#chartContainer").dxChart({ // ... valueAxis: { // ... minorTickInterval: { days: 5 } } }); });
Angular
<dx-chart ... > <dxi-value-axis ... > <dxo-minor-tick-interval [days]="5"></dxo-minor-tick-interval> </dxi-value-axis> </dx-chart>
import { DxChartModule } from "devextreme-angular"; // ... export class AppComponent { // ... } @NgModule({ imports: [ // ... DxChartModule ], // ... })
Vue
<template> <DxChart ... > <DxValueAxis> <DxMinorTickInterval :days="5" /> </DxValueAxis> </DxChart> </template> <script> import DxChart, { DxValueAxis, DxMinorTickInterval } from 'devextreme-vue/chart'; export default { components: { DxChart, DxValueAxis, DxMinorTickInterval } } </script>
React
import React from 'react'; import Chart, { ValueAxis, MinorTickInterval } from 'devextreme-react/chart'; class App extends React.Component { render() { return ( <Chart ... > <ValueAxis> <MinorTickInterval days={5} /> </ValueAxis> </Chart> ); } } export default App;
When using the UI component as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control, you can specify this property 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.minorTickCount
- valueAxis.minorTick
- valueAxis.tickInterval
days
Specifies the time interval measured in days. Accepts integer values. Available only for an axis/scale that displays date-time values.
hours
Specifies the time interval measured in hours. Accepts integer values. Available only for an axis/scale that displays date-time values.
milliseconds
Specifies the time interval measured in milliseconds. Accepts integer values. Available only for an axis/scale that displays date-time values.
minutes
Specifies the time interval measured in minutes. Accepts integer values. Available only for an axis/scale that displays date-time values.
months
Specifies the time interval measured in months. Accepts integer values. Available only for an axis/scale that displays date-time values.
quarters
Specifies the time interval measured in quarters. Accepts integer values. Available only for an axis/scale that displays date-time values.
seconds
Specifies the time interval measured in seconds. Accepts integer values. Available only for an axis/scale that displays date-time values.
weeks
Specifies the time interval measured in weeks. Accepts integer values. Available only for an axis/scale that displays date-time values.
years
Specifies the time interval measured in years. Accepts integer values. Available only for an axis/scale that displays date-time values.
If you have technical questions, please create a support ticket in the DevExpress Support Center.