Vue Chart - valueAxis.constantLineStyle

See Also

• valueAxis.constantLines[] - configures individual constant lines. Overrides the properties of the valueAxis.constantLineStyle object, which is described here.
• 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'.

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

See Also

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

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.