Lines
Each line is defined by a sequence of points, and you can control how these points are connected using different curve types.
Points are connected in the order they appear in the table. To change the order of connection, rearrange the rows by dragging the drag handle on the left side of the row in the table.
To start a new line, enter multiple points in a row. End the line by leaving one row empty. Empty means one row with 0, 0, 0. Start a new line by adding multiple points after the empty row again.
Only the style properties of the first row of a line are applied. The subsequent style properties in that line are ignored.
| A | B | A | Title | Color | Curve | |
|---|---|---|---|---|---|---|
| 33 | 33 | 33 | First line | Red | Linear | |
| 20 | 30 | 50 | Ignored | Ignored | ||
| 30 | 40 | 30 | Ignored | Ignored | ||
| 0 | 0 | 0 | Row without data to separate lines | |||
| 50 | 50 | 0 | Second line | Black | Basis | |
| 50 | 0 | 50 | Ignored | Ignored | ||
A title is meant to label data points for you. The title is included on the SVG element.
The color of the line. See Color.
There are different ways to connect the points that form a line. A variety of curve types are provided for this purpose. You can select one of the following curve types.
- Linear (default)
- Cardinal
- Basis spline
- Catmull–Rom spline
The width of the line in pixels.
See Dash.
See Opacity.