Grid

Control the background grid appearance.

Render Time0 ms

Canvas Size600 × 350

Data Points0

Series Count0

Options

Option	Type	Default	Description
gridded	boolean	true	Show/hide the grid
gridLineStyle	solid|dashed	solid	Grid line pattern
sharedAxisZero	boolean	true	Share zero label between axes
optimiseSquareSize	boolean	true	Round grid sizes for sharper rendering
strict	boolean	false	Force square grid cells

Line Style

Value	Description
solid	Continuous lines
dashed	Dotted/dashed pattern

Render Time0 ms

Canvas Size600 × 350

Data Points0

Series Count0

Render Time0 ms

Canvas Size600 × 350

Data Points0

Series Count0

No Grid

Set gridded: false for a minimal look:

Render Time0 ms

Canvas Size600 × 350

Data Points0

Series Count0

Shared Axis Zero

When enabled (default), the origin "0" is shared between X and Y axes:

grid: {
    sharedAxisZero: true; // Prevents duplicate "0" labels
}

Type Reference

See GridOptions for full TypeScript definitions.