Blazor Column Stacked And Grouped Chart Example

Charts / Bar Charts / Column Stacked And Grouped

This stacked and grouped column chart visualizes global coffee production by country from 2021 to 2023. Each group of columns represents the total production for a given year, with individual column segments showing the contributions from Brazil, Vietnam, Colombia, and India.

Loading Syncfusion Blazor Server Demos…

This example demonstrates how to render and configure a stacked and grouped column chart. The chart can be stacked by setting the Type property of ChartSeries to StackingColumn. The stacking group is created by specifying the grouping data value in the StackingGroup property and defining the group name in the GroupName property.

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

More information about the Stacked and Grouped Column chart 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