syncfusion-react-accumulation-chart

Install @syncfusion/ej2-react-charts, import AccumulationChartComponent, and inject PieSeries. Bind data via AccumulationSeriesDirective with xName and yName properties pointing to your data fields, then set radius and dataLabel options.

Set the innerRadius property on AccumulationSeriesDirective to a value greater than 0%, such as '40%'. The same PieSeries module renders both chart types; innerRadius creates the hollow center that defines a doughnut chart.

Yes, set the series type to 'Funnel' or 'Pyramid' and inject FunnelSeries or PyramidSeries modules. Funnels support neckWidth, neckHeight, and gapRatio; pyramids support Linear and Surface rendering modes.

Enable the enableSmartLabels property on AccumulationChartComponent to automatically reposition labels and avoid overlap. You can also adjust connector line length, use text wrapping, or group small slices into an Others category.

Yes, inject the Export module and call the chart's export method with a type of PNG, JPEG, SVG, or PDF plus a filename. The beforeExport and afterExport events let you customize or track the export process.

Configure emptyPointSettings on the series with a mode of Zero, Drop, Average, or Gap. You can also customize the fill and border of empty points so missing data is visually distinct from real values.