minorTick

Specifies options of the gauge's minor ticks.

Type: Object

Major and minor ticks are calculated automatically based on the scale's startValue and endValue property values. Major ticks are made visible by default. You can make minor tick visible as well, using their visible property. In addition, you can set a custom minor tick interval or add custom minor ticks using the tickInterval and customTickValues properties respectively. You can also specify the length, width and color of the minor ticks using corresponding properties.

View Demo

Show Example:
jQuery

In this example, the scale's minor ticks are colored in black and downscaled to 1 pixel. These ticks are generated with an interval of 5.


                                    

                                    

color

Specifies the color of the scale's minor ticks.

Type: String
Default Value: '#FFFFFF'

This option supports the following colors.

Show Example:
jQuery

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


                                    

                                    

customTickValues

Deprecated

Use the customMinorTicks option instead.

Specifies an array of custom minor ticks.

Type: Array
Default Value: []
Cannot be used in themes.

If you need to show minor ticks, set the visible property to true. If there are no calculated minor ticks at particular scale values, you can set them using the customTickValues property. Assign an array of custom tick values to this property. To show the custom minor ticks only, set the showCalculatedTicks property to false.

length

Specifies the length of the scale's minor ticks.

Type: Number
Default Value: 3

Show Example:
jQuery

In this example, the scale's minor ticks are colored in black and downscaled to 2 pixels.


                                    

                                    

opacity

Specifies the opacity of the scale's minor ticks.

Type: Number
Default Value: 1

showCalculatedTicks

Deprecated

This option will be removed in the near future. Its use is not recommended.

Indicates whether automatically calculated minor ticks are visible or not.

Type: Boolean
Default Value: true

Set this property to false when you only need custom minor ticks to be visible. The ticks that are calculated based on the specified tickInterval or based on a default tick interval will become invisible.

tickInterval

Deprecated

Use the minorTickInterval option instead.

Specifies an interval between minor ticks.

Type: Number
Default Value: undefined

You can also add custom minor ticks by manually assigning an array of their values to the customTickValues property.

visible

Indicates whether scale minor ticks are visible or not.

Type: Boolean
Default Value: false

Show Example:
jQuery

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


                                    

                                    

width

Specifies the width of the scale's minor ticks.

Type: Number
Default Value: 1

Show Example:
jQuery

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