Lines
Configure the appearance and behaviour of line.
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Options
| Option | Type | Default | Description |
|---|---|---|---|
data | number[] | — | Required. Array of data points |
colour | string | #000000 | Hex color for the line |
label | string | line-0 | Unique label for the series |
interpolation | linear|cubic | linear | Line curve style |
style | solid|dashed | solid | Line stroke pattern |
annotatePoints | boolean | false | Show circles at data points |
area | object | — | Area fill configuration |
Interpolation
Choose how points are connected:
| Value | Description |
|---|---|
linear | Straight lines between points |
cubic | Smooth curves through points |
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Line Styles
| Value | Description |
|---|---|
solid | Continuous line (default) |
dashed | Dashed line pattern |
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
Area Fill
Fill the region under a line:
ts
{
area: {
fill: true;
}
}Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0
INFO
When area color matches line color, 60% opacity is applied automatically.
Point Annotations
Show markers at each data point with annotatePoints: true:
Render Time0 ms
Canvas Size600 × 350
Data Points0
Series Count0