Charts / Accumulation Charts / Pie with Legend Template

Blazor Pie with Legend Template Chart Example.

Loading Syncfusion Blazor Server Demos…

This sample illustrates how to use the LegendItemTemplate feature in Blazor Accumulation Charts to create visually rich and informative legends. Each legend item is customized with visual elements and descriptions, providing clear context for the corresponding chart segment.

The Blazor Accumulation Chart supports customizing legend items using the LegendItemTemplate property in AccumulationChartSeries. In this example, each legend item includes:

  • A color-coded icon matching the chart series color
  • The category name displayed prominently for quick identification
  • A descriptive explanation of each budget segment

This approach significantly improves data interpretation by providing additional context beyond simple labels, making the chart more informative and user-friendly.

More information on legend item templates 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