React 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'

Use the HorizontalAlignment enum to specify this option when the widget is used as an ASP.NET MVC Control. 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".

Use the RelativePosition enum to specify this option when the widget is used as an ASP.NET MVC Control. 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'

Use the VerticalAlignment enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Top, Center, and Bottom.

visible

Makes constant line labels visible.

Type:

Boolean

Default Value: true