Component
ScatterChart
Points on two value axes, with optional least-squares trend lines.
import { ScatterChart } from '@loidolt/theme-charts';
Example
Scatter chart of 13 points in 2 series. Birch 3 mm: 7 points, y rising with x; Acrylic 3 mm: 6 points, y rising with x.
| Material | Path (m) | Minutes |
|---|---|---|
| Birch 3 mm | 12 | 4.1 |
| Birch 3 mm | 18 | 5.9 |
| Birch 3 mm | 25 | 7.8 |
| Birch 3 mm | 31 | 9.6 |
| Birch 3 mm | 40 | 12.4 |
| Birch 3 mm | 46 | 13.8 |
| Birch 3 mm | 55 | 16.9 |
| Acrylic 3 mm | 10 | 5.2 |
| Acrylic 3 mm | 16 | 7.9 |
| Acrylic 3 mm | 22 | 10.1 |
| Acrylic 3 mm | 30 | 13.8 |
| Acrylic 3 mm | 38 | 16.9 |
| Acrylic 3 mm | 47 | 21.2 |
Notes
- A trend line is skipped for a series whose x values are all equal, where the fit is undefined.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
data required | ScatterSeries[] | — | One or more series of [x, y] points. |
tableLabels | { seriesLabel?: string; xLabel?: string; yLabel?: string } | {} | Headings of the data table columns. |
Plus the attributes of Omit<ComponentProps<typeof Chart>, 'option' | 'table' | 'extensions'>andScatterOptions, forwarded to the root element.