React CircularGauge - scale.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

color

Specifies the color of the scale's minor ticks.

Type:

String

Default Value: '#FFFFFF'

This option supports the following colors:

customTickValues Deprecated

Use the customMinorTicks property instead.

Specifies an array of custom minor ticks.

Type:

Array<Number>

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

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 property 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

width

Specifies the width of the scale's minor ticks.

Type:

Number

Default Value: 1