tick

Specifies options of the gauge's major ticks.

Type: Object

Major ticks are calculated automatically based on the scale's startValue and endValue property values. They are visible by default. You can set a custom major tick interval or a custom major ticks set using the tickInterval and customTicks properties respectively. To specify the visibility of major ticks, use the visible property. You can also specify the length, width and color of the major ticks using corresponding properties.

Show Example:
jQuery

In this example, the scale's major ticks are colored in black and lengthened up to 10 pixels. These ticks are generated with an interval of 50.


                                    

                                    

color

Specifies the color of the scale's major ticks.

Type: String
Default Value: '#FFFFFF'

This option supports the following colors.

Show Example:
jQuery

In this example, the scale's major ticks are colored in dodgerblue.


                                    

                                    

length

Specifies the length of the scale's major ticks.

Type: Number
Default Value: 5

Show Example:
jQuery

In this example, the scale's major ticks are colored in black and lengthened up to 15 pixels.


                                    

                                    

opacity

Specifies the opacity of the scale's major ticks.

Type: Number
Default Value: 1

visible

Indicates whether scale major ticks are visible or not.

Type: Boolean
Default Value: true

Show Example:
jQuery

In this example, the scale contains automatically calculated major ticks. Toggle the check box below to show/hide all major ticks.


                                    

                                    

width

Specifies the width of the scale's major ticks.

Type: Number
Default Value: 2

Show Example:
jQuery

In this example, the scale's major ticks are broadened up to 4 pixels.