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.
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 on the area type series can be found in this documentation section.