All Demos / Charts / Accumulation Charts / Donut

Blazor Donut Chart Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

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: