React Chart - valueAxis.minorTick

Configures the appearance of minor axis ticks.

Selector: MinorTick
Type:

Object

Along with major ticks, the Chart UI component supports minor ticks. They divide an axis segment limited by two neighboring major ticks.

DevExtreme HTML5 Charts MinorTicks

The commonAxisSettings.minorTick object specifies common settings for all minor ticks in the chart. To configure only those minor ticks that belong to a particular axis, use the following objects.

Axis-specific settings override common settings.

NOTE
Minor ticks cannot be displayed on an axis of the "discrete" type.
See Also
  • argumentAxis.minorTickInterval - specifies the minor tick interval of the argument axis.
  • valueAxis.minorTickInterval - specifies the minor tick interval of the value axis.

color

Specifies the color of minor ticks.

Type:

String

Default Value: '#767676'

This property supports the following colors:

length

Specifies the length of minor ticks in pixels.

Type:

Number

Default Value: 7

opacity

Specifies how transparent minor ticks should be.

Type:

Number

Default Value: 0.3

This property accepts a value from 0 to 1, where 0 makes minor ticks completely transparent, and 1 makes them opaque.

shift

Shifts minor ticks from the reference position.

Type:

Number

Default Value: 3

Main article: shift for major ticks

visible

Makes minor ticks visible.

Type:

Boolean

Default Value: false

width

Specifies the width of minor ticks in pixels.

Type:

Number

Default Value: 1