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: 'right' | 'center' | 'left'

NOTE: When configuring a widget using ASP.NET MVC Wrappers, specify this option using the HorizontalAlignment enum. This enum accepts the following values: Left, Center and Right.

Show Example:
jQuery

In this example, each value axis constant line label is aligned differently using the horizontalAlignment option.


                                    

                                    

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

NOTE: When configuring the widget using ASP.NET MVC Wrappers, specify this option using the RelativePosition enum. This enum accepts the following values: Inside and Outside.

Show Example:
jQuery

In this example, the "1000" label is placed outside the chart plot using the position option.


                                    

                                    

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: 'top' | 'center' | 'bottom'

NOTE: When configuring the widget using ASP.NET MVC Wrappers, specify this option using the VerticalAlignment enum. This enum accepts the following values: Top, Center and Bottom.

Show Example:
jQuery

In this example, each value axis constant line label is aligned differently using the verticalAlignment option.


                                    

                                    

visible

Makes constant line labels visible.

Type: Boolean
Default Value: true