Blazor Donut Chart Example

Charts / Accumulation Charts / Donut

This Blazor Donut Chart example visualizes mobile browser statistics using a doughnut series. Data labels and the center label provide information about the data in the series.

Loading Syncfusion Blazor Server Demos…

In this example, you can see how to render and configure a doughnut chart. To create a doughnut in the pie series, customize the InnerRadius property. DataLabel are used to represent individual data and its values. The AccumulationChartCenterLabel allows you to specify the default text rendered in the center. You can also customize the text that appears when the mouse pointer hovers over one of the donut slices using the HoverTextFormat property.

More information about the doughnut series can be found in this documentation section.

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