tick

An object defining the configuration options for axis ticks.

Type: Object

Ticks divide an axis into equal sections by a step whose value is determined automatically, or by the tickInterval and axisDivisionFactor options of an axis. Ticks improve the readability of charts, but are not visible in the dxPolarChart widget by default. To set up tick configuration options, define the tick object within the argumentAxis or valueAxis configuration object. To set common options for all ticks in a chart, define the tick object within the commonAxisSettings configuration object. Note that the values that are set for an individual axis override the corresponding common values.

Show Example:
jQuery

In this example, the axis ticks are visible with the color option set to 'blue' and width option set to 2.


                                    

                                    

color

Specifies ticks color.

Type: String
Default Value: '#d3d3d3'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the axis ticks are blue.


                                    

                                    

opacity

Specifies tick opacity.

Type: Number
Default Value: undefined

Show Example:
jQuery

In this example, the opacity option of the axis ticks is set to 1.


                                    

                                    

visible

Indicates whether or not ticks are visible on an axis.

Type: Boolean
Default Value: true

Show Example:
jQuery

Use the check box at the bottom to change the visibility of the axis ticks.