Example of Pie with Legend in React 3D Circular Chart Component

/
/
PieWithLegend

This sample shows the browser market share using a 3D donut chart with a legend displayed on the right side of the chart.

More Details...

Loading....
Description

In this example, you can see how to render a 3D donut chart with a legend. The legend provides information about the data points in the chart. Clicking on a legend item can collapse the corresponding data point, and hovering over a legend item can highlight the data point.

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.