Example of Pie with Various Radius in React 3D Circular Chart Component


This sample compares countries by population density and total area using various radii in a 3D pie series.

More Details...


In this example, you can see how to render a 3D donut chart with varying radii. You can use the radius mapping property to achieve this feature. The data labels are used to represent individual data and its values. In addition, the sample shows how to change the order of legend for the donut chart by using the reverse property.

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 legend, you need to Inject the CircularChartLegend3D module into services.