new GridLinesOptions()
The GridLinesOptions object defines the configuration options to show the grid lines. The GridLinesOptions type inherits all properties of LineOptions type.
For instance, the "color" option:
majorGridLines: { color: "blue" }specifies the color to show the grid lines in blue
Members
(static) color :string
The color field specifies the color to show the line (accepts a valid CSS color string, including hex and rgb).
Type:
- string
Example
null {null}, indicates a black line
"transparent" {string}, specifies a transparent line
"red" {string}, specifies a red line
"#00FF00" {string}, specifies a green line
"rgba(255,0,0,0.5)" {string}, indicates 50% red line(static) skip :number
The skip field specifies the number of grid lines to skip.
Type:
- number
Example
null {null}, no grid lines are skipped
2 {number}, skips the first two grid lines(static) step :number
The step field defines the step to show the grid lines.
Type:
- number
Example
null {null},
2 {number}, draw the grid lines two by two(static) style :array
The style field defines the style of the line. An Array of numbers which specify distances to alternately draw a line and a gap. If the number of elements in the array is odd, the elements of the array get copied and concatenated.
Type:
- array
Example
null {null} or [] {array}, defines solid grid lines
2 {number}, becomes [2, 2, ...]
[5, 15, 25] {array}, becomes [5, 15, 25, 5, 15, 25, ...](static) width :number
The width field specifies the line's width or size (1 by default).
Type:
- number
Example
null {null}, indicates lines of 1-pixel wide
2 {number}, indicates lines of 2-pixels wide