Charts / Bar Charts / 100% Stacked Bar

Blazor 100% Stacked Bar Chart Example

Loading Syncfusion Blazor Server Demos…

This Blazor 100% stacked bar chart example visualizes renewable energy generation comparisons in China from 2020 to 2023, segmented by wind, solar, and hydro sources using a default 100% stacked bar series. The legend provides information about the series.

In this example, you can see how to render and configure a 100% stacked bar chart. This chart displays multiple data series as stacked bars where the cumulative value of each stacked element always totals 100%, enabling:

Clear visualization of proportional contributions
Easy comparison of relative compositions across categories
Analysis of market share or resource allocation trends

Tooltip is enabled in this example. To see tooltip information, hover over or tap on a data point on touch-enabled devices.

More information about the 100% stacked bar series can be found in this documentation section.