Developer D3 API
Chart.Area
js
import { Chart } from '@semcore/ui/d3-chart';import { Chart } from '@semcore/ui/d3-chart';AreaChartProps
BaseChartProps<> & {...}| Name | Type | Description |
|---|---|---|
| groupKey | string | |
| xScale | ScaleLinear<anyany> | ScaleTime<anyany> | |
| yScale | ScaleLinear<anyany> | |
| showDots | boolean | |
| curve | ||
| stacked | boolean |
Area
It have children components Dots, Null.
js
import { Area } from '@semcore/ui/d3-chart';
<Area>
<Area.Dots />
<Area.Null />
</Area>;import { Area } from '@semcore/ui/d3-chart';
<Area>
<Area.Dots />
<Area.Null />
</Area>;AreaProps
& {...}| 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 |