This React Step Area Chart example visualizes electricity generation data using renewable and non-renewable resources in a step area chart.
In this example, you can see how to render and configure a step area chart. This series forms a step progress by connecting points through vertical and horizontal lines with the area being filled.
Injecting Module
Chart component features are segregated into individual feature-wise modules. To use step area series, we need to inject
StepAreaSeries
module into services
.
More information about step area series can be found in this documentation section.