This Angular Stacked Line Chart example visualizes the yearly renewable energy generation in India from 2015 to 2023.
In this example, you can see how to render and configure the stacked line chart. The stacked line chart visualizes data with y-values stacked one over another in a series order. It shows the relationship between individual values to the total sum of points.
Tooltips are enabled in this example. To see a tooltip in action, hover over or tap on the chart.
Injecting Module
Chart component features are segregated into individual feature-wise modules. To use stacking line series, we need to inject StackingLineSeriesService into the @NgModule.providers section.
More information about the stacked line series can be found in this documentation section.