Developer D3 API
Chart.Donut
js
import { Chart } from '@semcore/ui/d3-chart';import { Chart } from '@semcore/ui/d3-chart';DonutChartProps
BaseChartProps<> & {...}| Name | Type | Description |
|---|---|---|
| groupKey | never | |
| xScale | ScaleLinear<anyany> | |
| yScale | ScaleLinear<anyany> | |
| innerRadius | number | |
| halfsize | boolean | |
| innerLabel | React.ReactNode |
Donut
It have children components Pie, Label, EmptyData.
js
import { Donut } from '@semcore/ui/d3-chart';
<Donut>
<Donut.EmptyData />
<Donut.Pie />
<Donut.Label />
</Donut>;import { Donut } from '@semcore/ui/d3-chart';
<Donut>
<Donut.EmptyData />
<Donut.Pie />
<Donut.Label />
</Donut>;DonutProps
& {...}| Name | Type | Description |
|---|---|---|
| innerRadius | number | Inner radius |
| outerRadius | number | Outer radius |
| halfsize | boolean | Semi donut |
| duration | number | Animation duration in ms. Set `0` to disable animation. |
| paddingAngle | number | Additional padding between segments in radians. |