React CircularGauge - scale.minorTick

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

This option supports the following colors:

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

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.

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.

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