Control the background grid appearance.
| 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 |
| Value | Description |
|---|---|
solid |
Continuous lines |
dashed |
Dotted/dashed pattern |
Set gridded: false for a minimal look:
When enabled (default), the origin "0" is shared between X and Y axes:
grid: {
sharedAxisZero: true; // Prevents duplicate "0" labels
}::: tip Type Reference
See GridOptions for full TypeScript definitions.
:::