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.
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. |
<c-chart>
<c-line-configuration
borderwidth="10"
bordercolor="rgba(0, 0, 0.2)"
>
</c-line-configuration>
</c-chart>