Charts / Area Charts / 100% Stacked Area

Blazor 100% Stacked Area Chart Example

Loading Syncfusion Blazor Server Demos…

This Blazor 100% Stacked Area Chart example visualizes global electricity production by source using a default 100% stacked area series. The legend provides series information.

In this example, you can see how to render and configure a 100% stacked area chart. This chart displays data with y-values stacked such that the cumulative proportion of each stacked element always totals 100%, making it ideal for:

  • Viewing relative contributions to the whole
  • Comparing proportional compositions across categories
  • Analyzing market share or resource allocation

Tooltip is enabled in this example. To see tooltip details, hover over or tap on the chart.

More information about the 100% stacked area series 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