# Gridlines

## Content

Gridlines refer to the horizontal and vertical lines appearing in the plot area of a chart.

In SpreadJS, the major GridLine and minor Gridline have the same type. You can get or set the style of the gridLine, and set their color, width, and visibility.

A basic image with the configuration of major and minor gridlines for the primary category axis and the primary value axis is shown below.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/gridlines.png)

The following code sample shows how to configure major gridlines and minor gridlines in the chart for the primary category axis and primary value axis.

```javascript
//Configure chart gridlines
axes.primaryValue.majorGridLine.visible = true;
axes.primaryValue.majorGridLine.color = "Yellow";
axes.primaryValue.majorGridLine.width = 1;
axes.primaryValue.minorGridLine.visible = true;
axes.primaryValue.minorGridLine.color = "Orange";
axes.primaryValue.minorGridLine.width = 1;
axes.primaryCategory.majorGridLine.visible = true;
axes.primaryCategory.majorGridLine.color = "Green";
axes.primaryCategory.majorGridLine.width = 1;
axes.primaryCategory.minorGridLine.visible = true;
axes.primaryCategory.minorGridLine.color = "lightblue";
axes.primaryCategory.minorGridLine.width = 1;
```