Vue Chart - valueAxis.constantLineStyle.label

Specifies the appearance of the labels of those constant lines that belong to the value axis.

Type:

Object

A constant line label displays the value of a constant line.

DevExtreme HTML5 Charts ConstantLine ConstantLineLabel

See Also
  • valueAxis.constantLines[].label - configures the labels of individual constant lines. Overrides the options of the valueAxis.constantLineStyle.label object, which is described here.
  • commonAxisSettings.constantLineStyle.label - specifies the appearance of all constant line labels.

font

Specifies font options for constant line labels.

Type:

Object

horizontalAlignment

Aligns constant line labels in the horizontal direction.

Type:

String

Default Value: 'left'
Accepted Values: 'center' | 'left' | 'right'

When using the widget as an ASP.NET MVC Control, specify this option using the HorizontalAlignment enum. This enum accepts the following values: Left, Center and Right.

position

Specifies the position of constant line labels on the chart plot.

Type:

String

Default Value: 'inside'
Accepted Values: 'inside' | 'outside'

By default, constant line labels are displayed inside the chart plot near the constant lines they belong to. To place the labels outside the chart plot, set the position option to "outside".

When using the widget as an ASP.NET MVC Control, specify this option using the RelativePosition enum. This enum accepts the following values: Inside and Outside.

verticalAlignment

Aligns constant line labels in the vertical direction.

Type:

String

Default Value: 'top'
Accepted Values: 'bottom' | 'center' | 'top'

When using the widget as an ASP.NET MVC Control, specify this option using the VerticalAlignment enum. This enum accepts the following values: Top, Center and Bottom.

visible

Makes constant line labels visible.

Type:

Boolean

Default Value: true