Blazor 100% Stacked Area Chart Example

Charts / Area Charts / 100% Stacked Area

This Blazor 100% Stacked Area Chart example visualizes the amount of sales by payment mode with default 100% stacked area series. A legend in the sample shows information about the series.

In this example, you can see how to render and configure the 100% stacked area chart. This chart visualizes data with y-values stacked, ensuring that the cumulative proportion of each stacked element always totals 100%.

Tooltip is enabled in this example. To see a tooltip in action, hover over or tap on the chart.

More information about the 100% stacked area 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