Example of 100% Stacked Area in React Chart Component


This React 100% Stacked Area Chart example visualizes the amount of sales by payment mode with default 100% stacked area series. A legend in the sample shows information about the series.

More Details...


In this example, you can see how to render and configure the 100% stacked area chart. This chart visualizes data with y-values stacked, ensuring that the cumulative proportion of each stacked element always totals 100%.

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 about 100% stacked area series can be found in this   documentation section.