Example of Pie in React 3D Circular Chart Component


This sample visualizes the gold medals from the Berlin 2023 Olympics using a 3D pie chart. Data points are enhanced with tooltip.

More Details...


In this example, you can see how to render and configure a 3D pie chart. The pie chart is a circular graphic, which is ideal for displaying categories as a proportion or a percentage of the whole. The radius of the pie chart can be customized using the radius property. You can rotate and tilt the pie chart using a mouse or touch-enabled devices.

Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point on touch-enabled devices.

Injecting Module

3D circular chart component features are segregated into individual feature-wise modules. To use pie series, you need to inject the PieSeries3D module into services.