Vue Chart - commonAxisSettings.minorGrid

Configures the minor grid.

Selector: DxMinorGrid
Type:

Object

In addition to the major grid built on major ticks, the Chart UI component provides the minor grid built on minor ticks.

DevExtreme HTML5 Charts MinorGridLines

NOTE
Neither minor ticks, nor the minor grid can be displayed if the axis is of the "discrete" type.

The commonAxisSettings.minorGrid object specifies common settings for all minor grid lines in the chart. To configure only those grid lines that descend from a particular axis, use the following objects.

Axis-specific settings override common settings.

NOTE
Displaying the minor grid without the major grid may impair the readability of a chart. To prevent this situation, we recommend you use the minor grid only in conjunction with the major grid.

color

Specifies a color for the lines of the minor grid.

Type:

String

Default Value: '#d3d3d3'

This property supports the following colors:

opacity

Specifies how transparent the lines of the minor grid should be.

Type:

Number

Default Value: undefined

This property accepts a value from 0 to 1, where 0 makes the lines of the minor grid completely transparent, and 1 makes them opaque.

visible

Makes the minor grid visible.

Type:

Boolean

Default Value: false

width

Specifies a width for the lines of the minor grid in pixels.

Type:

Number

Default Value: 1