All Components
Theme

Themes

    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