Charts / Accumulation Charts / Pie with Legend

Blazor Pie with Legend Chart Example.

Loading Syncfusion Blazor Server Demos…

This sample displays internet usage statistics by country using a doughnut chart with legends positioned at the bottom for easy reference.

In this example, you can see how to render a doughnut chart with integrated legend functionality. Customize the doughnut appearance using the following properties:

  • Radius - Controls the outer size of the doughnut
  • InnerRadius - Controls the inner hollow area size
  • Legend text wrapping using the TextWrap property for improved readability

More information about the legend feature can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE