Charts / Bar Charts / Stacked Column

Blazor Stacked Column Chart Example

Loading Syncfusion Blazor Server Demos…

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

In this example, you can see how to render and configure a stacked column chart. The stacked column chart stacks data points vertically. Key features include:

  • Using the StackingGroup property to group stacked collections based on categories
  • Data labels for individual points and total values at stack tops
  • Clear visualization of composition and cumulative 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 stacked column 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