Line Configuration Attribute

class LineConfiguration extends BaseAttribute

https://www.chartjs.org/docs/2.7.3/configuration/elements.html#line-configuration

LineConfiguration inherits all the properties from BaseAttribute

Line elements are used to represent the line in a line chart.

API

Attribute name Type Default Description
tension number 0.4 Bézier curve tension (0 for no Bézier curves)
backgroundcolor Color 'rgba(0, 0, 0, 0.1)' Line fill color
borderwidth number 3 Line stroke width
bordercolor Color 'rgba(0, 0, 0, 0.1)' Line stroke color
bordercapstyle string 'butt' Line cap style. See MDN
borderdash number[] [] Line dash. See MDN
borderdashoffset number 0 Line dash offset. See MDN
borderjoinstyle string 'miter' Line join style. See MDN
capbezierpoints boolean true true to keep Bézier control inside the chart, false for no restriction
cubicinterpolationmode string 'default' Interpolation mode to apply. See more...
fill boolean string true
stepped boolean false true to show the line as a stepped line (tension will be ignored)
spangaps boolean undefined Only for radar charts. If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line.

Usage

<c-chart>
  <c-line-configuration
    borderwidth="10"
    bordercolor="rgba(0, 0, 0.2)"
  >
  </c-line-configuration>
</c-chart>