Vue Chart - argumentAxis.constantLines

Each object in the constantLines array configures a single constant line. Setting the value property is necessary for a constant line to be displayed.

View Demo

See Also

• argumentAxis.constantLineStyle - specifies the appearance of those constant lines that belong to the argument axis.
• commonAxisSettings.constantLineStyle - specifies the appearance of all constant lines in the UI component.

This property supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors
• Paint server address

The following dash styles are available:

• solid
  The border is a solid, continuous line.

• longDash
  The border is displayed using long dashes.

• dash
  The border is displayed using dashes.

• dot
  The border is displayed using dots.

• Any combination of 'longDash', 'dash' and 'dot'
  The border is displayed by repeating the specified combination. For instance, 'dashdotdash'.

Use the DashStyle enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Solid, LongDash, Dash, and Dot.

The default visual range equals the data range. A constant line outside the visual range is not displayed. Set this property to true to extend the range and display the constant line.

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

See Also

• argumentAxis.constantLineStyle.label - specifies a unified style for the labels of those constant lines that belong to the argument axis.
• commonAxisSettings.constantLineStyle.label - specifies a unified style for the labels of all constant lines in the UI component.

This property depends on the label.horizontalAlignment in the following way.

• horizontalAlignment is "left" → padding applies to the left side of a constant line;
• horizontalAlignment is "right" → padding applies to the right side of a constant line;
• horizontalAlignment is "center" → padding is calculated automatically.

See Also

• argumentAxis.constantLineStyle.label.horizontalAlignment - aligns constant line labels in the horizontal direction. Applies to the constant lines belonging to the argument axis.
• valueAxis.constantLineStyle.label.horizontalAlignment - aligns constant line labels in the horizontal direction. Applies to the constant lines belonging to the value axis.

This property depends on the label.verticalAlignment in the following way.

• verticalAlignment is "top" → padding applies to the top side of a constant line;
• verticalAlignment is "bottom" → padding applies to the bottom side of a constant line;
• verticalAlignment is "center" → padding is calculated automatically.

See Also

• argumentAxis.constantLineStyle.label.verticalAlignment - aligns constant line labels in the vertical direction. Applies to the constant lines belonging to the argument axis.
• valueAxis.constantLineStyle.label.verticalAlignment - aligns constant line labels in the vertical direction. Applies to the constant lines belonging to the value axis.