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