HTML5 & JS Step Area Charts

Step Area Charts are much like step line charts except that the area under them are shaded. The Step Area Charts can be used when you want to highlight the increase or decrease in values over time.

Cannot be combined with: Doughnut, Pie, Bar, Stacked Bar charts.


Step Area Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries lineThickness Number 2 4,7..
dataSeries fillOpacity Number .7 .2,.4,1 etc

Basic Step Area Chart

Try Editing The Code

Step Area Chart With Additional Customization

Try Editing The Code


If you have any questions, please feel free to ask in our forums.Ask Question