New to Telerik UI for ASP.NET Core? Download free 30-day trial

100% Stacked area

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
stacked100_area.cshtml
Stacked100_AreaController.cs
Stacked100_Area_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Area chart type supports 100% stacking, where the stacked series value are rescaled such that they add up to 100%.

You can enable the 100% stack feature through the SeriesDefaults -> Area -> Stack(ChartStackType.Stack100) setting.

For more information inspect the SeriesDefaults option in the documentation.

Support & Learning Resources