Charts / Accumulation Charts / Donut with Gradient

Blazor Donut Chart with Gradient Example.

Loading Syncfusion Blazor Server Demos…

This Blazor Donut Chart example shows the latest percentage share of e-commerce orders by country using a doughnut series with radial gradient fills. Data labels annotate each slice and the legend on the right lists the exact percentages.

Use the legend to read country names and match slice colors; read the percentage values shown on the labels around the chart to understand each contribution and quickly identify the largest slice.

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.

See also:

Radial Gradient is applied to each slice to produce a subtle depth effect that emphasizes distribution from the center outward.

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