D3 chart

For all common D3 chart properties, refer to D3 chart API.

Chart.Area

For stacked view, you should pass true into stacked prop

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

StackedArea

It have children components Area.

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
patterns		Enables charts patterns that enhances charts accessibility