Example of Pie with Legend in Javascript 3D Circular Control

Pie with Legend

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...


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 using CircularChart3D.Inject(CircularChartLegend3D) method.