All Components
Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Line Charts / Stacked line

      Description

      This demo shows how to configure a Stacked line chart. To enable the stack feature set true as an argument of the the SeriesDefaults -> Bar -> Stack(true) method:

      .SeriesDefaults(series => series.Line().Stack(true))

      You can also divide the line chart on two parts, by setting:

      .MissingValues(ChartLineMissingValues.Gap)

      And having null data value entries in the series data, which will be used as a divider.

      For more information inspect the SeriesDefaults option in the documentation.

      ASP.NET MVC source

      Also available for:

      • stacked_line.cshtml
      • Stacked_LineController.cs

      Support & learning resources

      Line Charts for other technologies