React Chart - valueAxis.constantLines.label

Configures the constant line label.

Type:

Object

The constant line label displays the value of the constant line.

DevExtreme HTML5 Charts ConstantLine ConstantLineLabel

The label object specifies the following characteristics of the constant line label.

  • Visibility
    By default, the constant line label is visible. To hide it, assign false to the visible option.
  • Text
    By default, the constant line label displays the value of the constant line. To assign a custom text to the constant line label, use the text option.
  • Position
    The constant line label can be located inside or outside the chart plot. Use the position option to change this setting.
  • Alignment
    To align the constant line label in the horizontal and vertical directions, use the horizontalAlignment and verticalAlignment options.
  • Font
    To change the font of the constant line label, use the fields of the font object.
See Also
  • valueAxis.constantLineStyle.label - specifies a unified style for the labels of those constant lines that belong to the value axis.
  • commonAxisSettings.constantLineStyle.label - specifies a unified style for the labels of all constant lines in the widget.

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 a 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.

text

Specifies the text of a constant line label. By default, equals to the value of the constant line.

Type:

String

Default Value: undefined

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