Vue CircularGauge - scale.majorTick

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.

This option supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors

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.

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.

Use this property to divide the scale by major ticks of a specified interval. If this property is not set, major ticks are arranged automatically.

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.

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.