Charts / Bar Charts / Stacked Bar

Blazor Stacked Bar Chart Example

Loading Syncfusion Blazor Server Demos…

This example demonstrates a Blazor stacked bar chart illustrating renewable energy generation in China from 2020 to 2023, segmented by wind, solar, and hydro sources. The legend provides additional information about the series.

In this example, you can see how to render and configure a stacked bar chart. The stacked bar chart stacks data points horizontally. Additional features include:

  • Using the StackingGroup property to group stacked collections based on categories
  • Comparing multiple data dimensions side by side
  • Displaying compositional data across time periods

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 bar 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