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

Stepped Area

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT IN TELERIK REPL
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    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
step_area.cshtml
Step_AreaController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Stepped Area chart is a form of area chart where each data point from the series is connected with vertical and horizontal lines to form a step-like progression. This type of area visualization is useful when you want to highlight the increase or decrease in values over time.

You can configure a stepped area chart through the Series -> Area -> Line -> Style(ChartLineStyle.Step) settings of the Core Chart.

Support & Learning Resources