Developer D3 API
Chart.Area
For stacked view, you should pass true into stacked prop
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 |
StackedArea
It have children components Area.
js
import { StackedArea } from '@semcore/ui/d3-chart';
<StackedArea>
<StackedArea.Area />
</StackedArea>;import { StackedArea } from '@semcore/ui/d3-chart';
<StackedArea>
<StackedArea.Area />
</StackedArea>;StackedAreaProps
& {...}| 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 |
| stack | any | Stack generators |