Blazor Stacked Column Chart Example

Charts / Bar Charts / Stacked Column

This sample visualizes the global cotton production trends over the years using a stacked column chart. Click the legend to highlight the respective series and gain further insights into the data.

In this example, you can see how to render and configure the stacked column chart. The stacked column chart stacks points in the series vertically. You can also use the StackingGroup property to group stacked collections based on category.

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 column series can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE