This sample shows the browser market share using a 3D donut chart with a legend displayed on the right side of the chart.
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
.