majorTick

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 add custom major ticks using the tickInterval and customTickValues properties respectively. To specify the visibility of major ticks, use the visible and showCalculatedTicks properties. 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.


                                    

                                    

customTickValues

Specifies an array of custom major ticks.

Type: Array
Default Value: []

If you set the start and end scale values, major ticks will automatically be calculated and displayed. If you need to add intermediate (minor) ticks between the major ticks, set the visible property of the minorTick configuration object to true. If there are no calculated major ticks at particular scale values, you can set them using the customTickValues property. Assign an array of custom major tick values to this property. To show custom major ticks only, set the showCalculatedTicks property to false.

Show Example:
jQuery

In this example, the scale's major ticks are generated on the base of the Fibonacci sequence. An array with this sequence is assigned to the customTickValues option. In addition, the automatically calculated major ticks are concealed by setting the showCalculatedTicks option to false.


                                    

                                    

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.


                                    

                                    

showCalculatedTicks

Indicates whether automatically calculated major ticks are visible or not.

Type: Boolean
Default Value: true

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

Show Example:
jQuery

In this example, several custom major ticks based on the Fibonacci sequence are generated in addition to those ticks, which are calculated automatically. You can change the visibility of the automatically calculated major ticks by toggling the check box under the gauge.


                                    

                                    

tickInterval

Specifies an interval between major ticks.

Type: Number
Default Value: undefined

Major ticks are the ticks that are accompanied by labels, which display the corresponding scale values. Use this property to divide the scale by major ticks in a specified interval one from another. If this property is not set, major ticks are automatically arranged so that labels do not overlap each other.
NOTE: The specified tick interval can be changed internally if its value leads to labels overlapping. If you need to prohibit automatic tick arrangement in this situation, set the useTicksAutoArrangement property to false.

Show Example:
jQuery

In this example, the scale's major ticks are generated with an interval of 125.


                                    

                                    

useTicksAutoArrangement

Specifies whether or not to expand the current major tick interval if labels overlap each other.

Type: Boolean
Default Value: true

If this property is set to true, the major tick interval always changes automatically when labels overlap each other. For instance, when labels are large due to the formatting that is applied, the tick interval will increase. In addition, when you set a custom tick interval that is so small that labels overlap each other, the tick interval will increase. To prohibit the automatic arrangement of major ticks, set the useTicksAutoArrangement property to false.

Show Example:
jQuery

Toggle the check box below to change the value of the useTicksAutoArrangement option. When this option is set to true, the major ticks are calculated automatically. Otherwise, the major ticks are generated with the interval of 1.


                                    

                                    

visible

Indicates whether scale major ticks are visible or not.

Type: Boolean
Default Value: true

When this property is set to false, both the major ticks that are automatically calculated and the major ticks that are specifically set (see customTickValues) become invisible. To hide the automatically calculated minor ticks only, set the showCalculatedTicks property to false.

Show Example:
jQuery

In this example, the scale contains both custom and the 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.