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 it Yourself by Editing the Code below.


Step Area Chart With Additional Customization

Try it Yourself by Editing the Code below.





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