Vue Chart - valueAxis.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.vue
App.vue
  • <template>
  • <dx-chart ... >
  • <dx-value-axis ... >
  • <dx-min-visual-range-length :weeks="2" />
  • </dx-value-axis>
  • </dx-chart>
  • </template>
  •  
  • <script>
  • import 'devextreme/dist/css/dx.common.css';
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import DxChart, {
  • DxValueAxis,
  • DxMinVisualRangeLength
  • } from 'devextreme-vue/chart';
  •  
  • export default {
  • components: {
  • DxChart,
  • DxValueAxis,
  • DxMinVisualRangeLength
  • },
  • data() {
  • return {
  • // ...
  • }
  • },
  • }
  • </script>
  • <template>
  • <dx-component />
  • </template>
  • <script>
  • import DxComponent from './components/DxComponent';
  •  
  • export default {
  • components: {
  • DxComponent
  • }
  • }
  • </script>

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