100% Stacked Area

Percentage of sales for four ethical products are visualized with default 100% stacked area series in chart. Legend in the sample shows the information about the series.

More Details...


In this example, you can see how to render and configure the 100% 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 100% stacking area series, we need to inject StackingAreaSeries module into services.

More information on the 100% stacking area series can be found in this   documentation section.