new LineOptions()
The LineOptions object defines the configuration options to show the lines (axis, grid lines, tick lines). The options defined by LineOptions are used to set the color, style and width of the lines. The options defined by LineOptions can be set by providing a field with the corresponding name within the options object when initializing the control or by using the corresponding property of the control. For instance, the color option can be set to define the color to show the line.
For instance, the "color" option:
axisLine: { color: "blue" }specifies the color to show the axis line 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). 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:
- 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
color
(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. The width field specifies the line's width or size (1 by default). The color field specifies the color to show the line (accepts a valid CSS color string, including hex and rgb).
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, ...]
style
(static) width :number
The width field specifies the line's width or size (1 by default). The color field specifies the color to show the line (accepts a valid CSS color string, including hex and rgb). 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:
- number
Example
null {null}, indicates lines of 1-pixel wide
2 {number}, indicates lines of 2-pixels wide
width