Area chart
D3 chart
For all common D3 chart properties, refer to D3 chart API.
Chart.Area
js
import { Chart } from '@semcore/ui/d3-chart';
AreaChartProps
BaseChartProps<> & {...}Name | Type | Description |
---|---|---|
groupKey | string | |
xScale | ScaleLinear<any, any> | ScaleTime<any, any> | |
yScale | ScaleLinear<any, any> | |
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>;
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 |
patterns | Enables charts patterns that enhances charts accessibility |