React Chart - argumentAxis.minVisualRangeLength

Specifies the minimum length of the visual range.

Type:

Number

|

Object

|

String

Default Value: undefined
Accepted Values: 'day' | 'hour' | 'millisecond' | 'minute' | 'month' | 'quarter' | 'second' | 'week' | 'year'
Cannot be used in themes.

If the visual range is set on a numeric axis, assign a number to this option. If the axis displays date-time values, assign one of the accepted string values or an object to this option. The object should contain one or several fields described in this section, for example:

DxComponent.js
App.js
  • import React from 'react';
  • import 'devextreme/dist/css/dx.common.css';
  • import 'devextreme/dist/css/dx.light.css';
  • import Chart, {
  • ArgumentAxis,
  • MinVisualRangeLength
  • } from 'devextreme-react/chart';
  •  
  • class DxComponent extends React.Component {
  • render() {
  • return (
  • <Chart ... >
  • <ArgumentAxis ... >
  • <MinVisualRangeLength weeks={2} />
  • </ArgumentAxis>
  • </Chart>
  • );
  • }
  • }
  • export default DxComponent;
  • import React, { Component } from 'react';
  • import './App.css';
  • import DxComponent from './DxComponent';
  •  
  • class App extends Component {
  • render() {
  • return (
  • <div>
  • <DxComponent />
  • </div>
  • );
  • }
  • }
  • export default App;

When you use the widget as an ASP.NET MVC Control, specify this option via the VizTimeInterval enum. This enum accepts the same values, but they start with an upper-case letter, for example, 'day' becomes Day.

See Also

days

Specifies the time interval measured in days. Available only for an axis/scale displaying date-time values.

Type:

Number

hours

Specifies the time interval measured in hours. Available only for an axis/scale displaying date-time values.

Type:

Number

milliseconds

Specifies the time interval measured in milliseconds. Available only for an axis/scale displaying date-time values.

Type:

Number

minutes

Specifies the time interval measured in minutes. Available only for an axis/scale displaying date-time values.

Type:

Number

months

Specifies the time interval measured in months. Available only for an axis/scale displaying date-time values.

Type:

Number

quarters

Specifies the time interval measured in quarters. Available only for an axis/scale displaying date-time values.

Type:

Number

seconds

Specifies the time interval measured in seconds. Available only for an axis/scale displaying date-time values.

Type:

Number

weeks

Specifies the time interval measured in weeks. Available only for an axis/scale displaying date-time values.

Type:

Number

years

Specifies the time interval measured in years. Available only for an axis/scale displaying date-time values.

Type:

Number