• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of 100% Stacked Line in ASP.NET MVC Chart Control

This sample visualizes the family expense data with stacked line series in the chart to identify who spent more money in each category. Data points are enhanced with marker and tooltip.

DEMO
SOURCE

In this example, you can see how to render and configure the stacked line type charts. 100% Stacked Line type charts are used to represent time-dependent data, showing trends in data at equal intervals with stacked values of multiple series. You can use dashArray, width, and fill properties to customize the line. marker is used to represent individual data.

Tooltip is enabled in this example. To see the tooltip in action, hover a point or tap on a point in touch enabled devices.


More information on the stacking column series can be found in this documentation section.