Vue CircularGauge - scale.majorTick Deprecated

Use the tick property instead.

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.

color Deprecated

Use the color property instead.

Specifies the color of the scale's major ticks.

Type:

String

Default Value: '#FFFFFF'

This option supports the following colors:

customTickValues Deprecated

Use the customTicks property instead.

Specifies an array of custom major ticks.

Type:

Array<Number>

Default Value: []
Cannot be used in themes.

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.

length Deprecated

Use the length property instead.

Specifies the length of the scale's major ticks.

Type:

Number

Default Value: 5

showCalculatedTicks Deprecated

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

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.

tickInterval Deprecated

Use the tickInterval property instead.

Specifies an interval between major ticks.

Type:

Number

Default Value: undefined

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.

useTicksAutoArrangement Deprecated

Use the overlappingBehavior property instead.

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.

visible Deprecated

Use the visible property instead.

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.

width Deprecated

Use the width property instead.

Specifies the width of the scale's major ticks.

Type:

Number

Default Value: 2