Example of undefined in Angular Chart Component

This Angular Stacked Line Chart example visualizes the yearly renewable energy generation in India from 2015 to 2023.

Yearly Renewable Energy Generation in India (2015-2023)Source: wikipedia.orgWindBio massSmall HydroSolar
Description

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.