LineOptions class (Graph)

LineOptions()

new LineOptions()

The LineOptions object defines the configuration options to show the lines (axis, grid lines, tick lines)

For instance, the "color" option:

axisLine: { color: "blue" }
specifies the color to show the axis line in blue
LineOptions

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
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.
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).
Type:
  • number
Example
null {null}, indicates lines of 1-pixel wide
 2 {number}, indicates lines of 2-pixels wide
width