Vue Chart - valueAxis.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.

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