Donut / Pie chart

D3 chart

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

import { Chart } from 'intergalactic/d3-chart';

import { Chart } from 'intergalactic/d3-chart';

BaseChartProps<> & {...}

It have children components Pie, Label, EmptyData.

import { Donut } from 'intergalactic/d3-chart';

<Donut>
  <Donut.EmptyData />
  <Donut.Pie />
  <Donut.Label />
</Donut>;

import { Donut } from 'intergalactic/d3-chart';

<Donut>
  <Donut.EmptyData />
  <Donut.Pie />
  <Donut.Label />
</Donut>;

& {...}

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