minorTick

Configures the appearance of minor axis ticks.

Type:

Object

Along with major ticks, the Chart widget 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.
Show Example:
AngularJS
Knockout
jQuery

In this example, click the check box under the chart to show/hide minor ticks.


                                    

                                    

In this example, click the check box under the chart to show/hide minor ticks.


                                    

                                    

In this example, click the check box under the chart to show/hide minor ticks.


                                    

                                    

color

Specifies the color of minor ticks.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors.

length

Specifies the length of minor ticks in pixels.

Type:

Number

Default Value: 8

opacity

Specifies how transparent minor ticks should be.

Type:

Number

Default Value: undefined

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

visible

Makes minor ticks visible.

Type:

Boolean

Default Value: false

width

Specifies the width of minor ticks in pixels.

Type:

Number

Default Value: 1