Vue PolarChart - argumentAxis.minorTick

Selector: DxMinorTick

In addition to major ticks, the PolarChart UI component provides the capability to draw minor ticks. Minor ticks divide an axis segment that lies between two neighboring major ticks. To specify how to generate minor ticks, use the minorTickInterval or minorTickCount properties.

To configure the appearance of minor ticks, use the properties of the minorTick object. Declared within the commonAxisSettings object, the minorTick object sets properties for all minor ticks. To change the appearance of the minor ticks that belong to the argument or value axis individually, declare the minorTick object in the argumentAxis or valueAxis object respectively. Settings specified individually override those that are set in the commonAxisSettings object.

By default, minor ticks are hidden. To make them visible, assign true to the visible property of the minorTick object. Additionally, you can change the color, opacity and width of the minor ticks using the corresponding properties.

NOTE
Minor ticks cannot be displayed on a discrete axis.

color

Specifies a color for the minor ticks.

Type:

String

Default Value: '#767676'

This property supports the following colors:

length

Specifies minor tick length.

Type:

Number

Default Value: 7

opacity

Specifies an opacity for the minor ticks.

Type:

Number

Default Value: 0.3

shift

Shifts minor ticks from the reference position.

Type:

Number

Default Value: 3

visible

Indicates whether or not the minor ticks are displayed on an axis.

Type:

Boolean

Default Value: false

width

Specifies minor tick width.

Type:

Number

Default Value: 1