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% stacked 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 100% stacked area. Injecting Module Chart component features are segregated into individual feature-wise modules. To use 100% stacked area series, we need to inject StackingAreaSeriesService into the @NgModule.providers section. More information on the area types series can be found in this documentation section.