Example of Step Area in Javascript Chart Control

Step Area

This sample visualizes the data about electricity production by using renewable and non-renewable resources by using default step area series in the chart.

More Details...


In this example, you can see how to render and configure the StepArea type charts. This series forms the step line progress, by connecting points through vertical and horizontal lines with area filled. You can use dashArray, width, fill properties to customize the area. marker and dataLabel are used to represent individual data and its value. 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 StepArea series can be found in this documentation section.