Charts / Accumulation Charts / Donut

Blazor Donut Chart Example

Loading Syncfusion Blazor Server Demos…

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.

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.

See also:

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