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

Stacked line

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • stacked_line.cshtml
  • Stacked_LineController.cs

Also available for:

API REFERENCE

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.

Support & Learning Resources