Class: TicksOptions

TicksOptions()

new TicksOptions()

The TicksOptions object defines the configuration options to show the ticks. The TicksOptions type inherits all properties of LineOptions type.

For instance, the "color" option:

majorTicks: { color: "blue" }
specifies the color to show the ticks in blue

Members

(static) color :string

The color field specifies the color to show the ticks (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 ticks to skip
Type:
  • number
Example
null {null}, no ticks are skipped
 2 {number}, skips the first two ticks

(static) step :number

The step field defines the step to show the ticks
Type:
  • number
Example
null {null}, 
 2 {number}, draw the ticks two by two

(static) style :array

The style field defines the style of the ticks. 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 ticks
 2 {number}, becomes [2, 2, ...]
 [5, 15, 25] {array}, becomes [5, 15, 25, 5, 15, 25, ...]

(static) width :number

The width field specifies the tick line's width or size (1 by default)
Type:
  • number
Example
null {null}, indicates tick-lines of 1-pixel wide
 2 {number}, indicates tick-lines of 2-pixels wide