Appearance
LinePlot
The LinePlot draws a single line through the provided points. To control how the line is generated change the curveInterpolator prop.
Prop ControlsSHOW
Props
| name | type | default | required | description |
|---|---|---|---|---|
| curveInterpolator | "catmull-rom" | "stair-step" | "straight" | undefined | "catmull-rom" | ☐ | Which algorithm to use to connect the points in screenPoints |
| dataSeriesNumber | number | 0 | ☐ | Chooses which css variable to activate per line |
| isActive | boolean | true | ☐ | when false, the line is hidden from the screen |
| isPanning | boolean | false | ☐ | true while the user is panning the plot |
| isZooming | boolean | false | ☐ | true while the user is zooming the plot |
| screenPoints | NumericPoint[] | [] | ☐ | the points (in screen space) which a curve should be drawn through |
| stairStepTopRatio | number | 0.5 | ☐ | stairStepTopRatio, position of the data point on a plot where 0 is the left of the stair "top" and 1 is the right side of it (only used when curveInterpolator is stair-step) |