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

Stacked area

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Change Theme
    default
    SASS
    LESS
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
    Fluent Theme
    • Main
    Launch Theme Builder
stacked_area.cshtml
Stacked_AreaController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

By default, the MVC 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.

For more information inspect the SeriesDefaults option in the documentation.

Support & Learning Resources