Vue RangeSelector - scale.marker

Specifies properties for the date-time scale's markers.

Selector: DxMarker
Type:

Object

When a scale is of the date-time type, scale markers can be displayed. If a major tick interval is set in days, a marker will be displayed between the last day of the month and the first day of the new month. The marker will indicate the new month. The same logic for setting markers is used when a tick interval is set using other date-time units.

A marker consists of a separator and label that belongs to the separator. To set the visibility of the markers, and change their default location and appearance, use the properties of the marker configuration object.

label

Defines the properties that can be set for the text that is displayed by the scale markers.

Selector: DxLabel
Type:

Object

separatorHeight

Specifies the height of the marker's separator.

Selector: separator-height
Type:

Number

Default Value: 33

RangeSelectorScaleMarkerSeparatorHeight ChartJS

textLeftIndent

Specifies the space between the marker label and the marker separator.

Selector: text-left-indent
Type:

Number

Default Value: 7

RangeSelectorScaleMarkerTextLeftIndent ChartJS

textTopIndent

Specifies the space between the marker's label and the top edge of the marker's separator.

Selector: text-top-indent
Type:

Number

Default Value: 11

RangeSelectorScaleMarkerTextTopIndent ChartJS

topIndent

Specified the indent between the marker and the scale labels.

Selector: top-indent
Type:

Number

Default Value: 10

RangeSelectorScaleMarkerTopIndent ChartJS

visible

Indicates whether scale markers are visible.

Type:

Boolean

Default Value: true