minorGrid

Specifies the options of the minor grid.

Type: Object

In addition to the major grid built on major ticks, the PolarChart widget 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 options 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 option of the minorGrid object to true. Additionally, you can change the color, opacity and width of the grid lines using the corresponding options.

NOTE: We recommend you use the minor grid only in conjunction with the major grid.

Show Example:
jQuery

In this example, the argument axis minor grid lines are visible with the opacity option set to 0.75.


                                    

                                    

color

Specifies a color for the lines of the minor grid.

Type: String
Default Value: '#d3d3d3'

This option supports the following colors.

Show Example:
jQuery

In this example, the argument axis' minor grid lines are colored in teal.


                                    

                                    

opacity

Specifies an opacity for the lines of the minor grid.

Type: Number
Default Value: undefined

Show Example:
jQuery

In this example, the opacity option of the argument axis minor grid lines is set to 0.75.


                                    

                                    

visible

Indicates whether the minor grid is visible or not.

Type: Boolean
Default Value: true

Show Example:
jQuery

In this example, you can change the visibility of the argument axis' minor grid lines using the check box in the bottom.


                                    

                                    

width

Specifies a width for the lines of the minor grid.

Type: Number
Default Value: 1

Show Example:
jQuery

In this example, the width option of the argument axis minor grid lines is altered to 3 pixels.