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

Stacked area

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
stacked_area.cshtml
Stacked_AreaController.cs
Stacked_Area_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

By default, the Core Area Chart renders its series on top of one another. You have the ability to stack them atop one another instead, so that the data values at each x-value are summed. In an area chart, the value for each series will always be stacked relative to the preceding one.

You can enable the stack feature through the SeriesDefaults -> Area -> Stack(true) setting.

Support & Learning Resources