Example of Stacked Area in Javascript Chart Control

Stacked Area

Trend in the sales of ethical product is visualized with default stacked area series in chart. Legend in the sample shows the information about the series.

More Details...

Source: www.gov.uk

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 series, we need to inject StackingAreaSeries module using Chart.Inject(StackingAreaSeries) method. More information on the stacking area series can be found in this documentation section.