Example of Step Area in Javascript Chart Control

Step Area

This Step Area Chart example visualizes electricity generation data using renewable and non-renewable resources in a step area chart.

More Details...


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 using Chart.Inject(StepAreaSeries) method. More information on the step area series can be found in this documentation section.