grid

An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget.

Type:

Object

Grid lines are the reference lines used to improve the readability of a chart's visual data. The grid object exposes the properties that allow you to specify visibility and appearance settings for axis grid lines. To learn more about axis grid lines and their options, refer to the Grid topic.

PolarChart Grid Lines

color

Specifies a color for grid lines.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the axis grid lines are teal.


                                    

                                    

opacity

Specifies an opacity for grid lines.

Type:

Number

Default Value: undefined

Show Example:
jQuery

In this example, the opacity option of the axes grid lines is set to 0.75.


                                    

                                    

visible

Indicates whether or not the grid lines of an axis are visible.

Type:

Boolean

Default Value: true

Show Example:
jQuery

Use the check box in the bottom to change visibility of the axis grid lines.


                                    

                                    

width

Specifies the width of grid lines.

Type:

Number

Default Value: 1

Show Example:
jQuery

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