tick

Configures the appearance of major axis ticks.

Type: Object

Ticks divide an axis into sections that measure off values on this axis.

DevExtreme HTML5 Charts MajorTicks

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

Axis-specific settings override common settings.

See Also
  • argumentAxis.tickInterval - specifies the tick interval of the argument axis.
  • valueAxis.tickInterval - specifies the tick interval of the value axis.
  • commonAxisSettings.minorTick - customizes the appearance of minor ticks.
Show Example:
AngularJS
Knockout
jQuery

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


                                    

                                    

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


                                    

                                    

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


                                    

                                    

color

Specifies the color of ticks.

Type: String
Default Value: '#d3d3d3'

This option supports the following colors.

length

Specifies the length of ticks in pixels.

Type: Number
Default Value: 8

opacity

Specifies how transparent ticks should be.

Type: Number
Default Value: undefined

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

visible

Makes ticks visible.

Type: Boolean
Default Value: false

width

Specifies the width of ticks in pixels.

Type: Number
Default Value: 1