Charts / Bar Charts / 100% Stacked Column

Blazor 100% Stacked Column Chart Example

Loading Syncfusion Blazor Server Demos…

This Blazor 100% stacked column chart example visualizes global cotton production trends, depicting the proportionate contributions of various countries over multiple years. Each stacked column represents countries' production as a percentage of total production for that year, with totals summing to 100% per year. The legend provides series information.

In this example, you can see how to render and configure a 100% stacked column chart. This chart displays multiple data series as stacked columns where the cumulative proportion of each stacked element always totals 100%, ideal for:

Viewing relative contributions and market share
Comparing proportional compositions across time periods
Analyzing category distribution 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 column series can be found in this documentation section.