Developer D3 API
Chart.Line
js
import { Chart } from '@semcore/ui/d3-chart';import { Chart } from '@semcore/ui/d3-chart';LineChartProps
BaseChartProps<> & {...}| Name | Type | Description |
|---|---|---|
| groupKey | string | |
| area | Record<[]> | |
| xScale | ScaleLinear<anyany> | ScaleTime<anyany> | |
| yScale | ScaleLinear<anyany> | |
| showDots | boolean | |
| curve | ||
| areaCurve |
Line
It have children components Dots, Null.
js
import { Line } from '@semcore/ui/d3-chart';
<Line>
<Line.Dots />
<Line.Null />
</Line>;import { Line } from '@semcore/ui/d3-chart';
<Line>
<Line.Dots />
<Line.Null />
</Line>;LineProps
& {...}| Name | Type | Description |
|---|---|---|
| x | string | Field name from `data` array item for the XAxis |
| y | string | Field name from `data` array item for the YAxis |
| color | string | Line color |
| hide | boolean | Element hide property |
| curve | Curve method | |
| duration | number | Animation duration in ms |
| transparent | boolean | Enables element transparency |