Vue PolarChart - commonAxisSettings.minorGrid

Specifies the properties of the minor grid.

Type:

Object

In addition to the major grid built on major ticks, the PolarChart UI component provides the minor grid that is built on minor ticks. The lines of the minor grid extend from the minor ticks throughout the entire chart's plot.

NOTE
Neither minor ticks, nor the minor grid can be used if the axis is discrete.

To specify the appearance of grid lines, use the properties of the minorGrid object. Declared within the commonAxisSettings object, the minorGrid object changes the appearance of value and argument axes simultaneously. To change the appearance of the value or argument axis individually, declare the minorGrid object in the argumentAxis or valueAxis object respectively. Settings specified individually override those that are set in the commonAxisSettings object.

To make the minor grid visible, set the visible property of the minorGrid object to true. Additionally, you can change the color, opacity and width of the grid lines using the corresponding properties.

NOTE
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 an opacity for the lines of the minor grid.

Type:

Number

Default Value: undefined

visible

Indicates whether the minor grid is visible or not.

Type:

Boolean

Default Value: true

width

Specifies a width for the lines of the minor grid.

Type:

Number

Default Value: 1