argumentAxis grid

    Configures the grid.

    Type: Object

    A grid is a set of mutually-crossing vertical and horizontal lines that stretch throughout the entire chart. Visually, grid lines can be considered extensions of major ticks. The grid improves the readability of chart data.

    DevExtreme HTML5 Charts GridLines

    The commonAxisSettings | grid object specifies common settings for all 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.

    See Also
    • commonAxisSettings | minorGrid - configures the minor grid built on minor ticks.


    Specifies the color of grid lines.

    Type: String
    Default Value: '#d3d3d3'

    This option supports the following colors.


    Specifies how transparent grid lines should be.

    Type: Number
    Default Value: undefined

    This option accepts a value from 0 to 1, where 0 makes grid lines completely transparent, and 1 makes them opaque.


    Makes grid lines visible.

    Type: Boolean
    Default Value: false


    Specifies the width of grid lines in pixels.

    Type: Number
    Default Value: 1