• 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
Essential Studio
HOME
All Controls

Example of Stacked Area in ASP.NET Core Chart Control

This sample demonstrates polar series with stacking area type for GDP of different countries in recent years. The switching between polar and radar series can be done by using Series Type in property panel.

DEMO
SOURCE
Series Type:

In this example, you can see how to render and configure the stacking area type charts. Stacks the series on top of another series to avoid the overlapping of series with one another, when rendering more than one area series in same chart. You can use fill properties to customize the stacked area. dataLabel is used to represent individual data and its value.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use stacking area drawtype in Polar series and Radar series, we need to inject PolarSeries, RadarSeries and StackingAreaSeries module using Chart.Inject(PolarSeries, RadarSeries, StackingAreaSeries) method.

More information on the Numeric axis can be found in this documentation section.