HTML5 & JS Stacked Area 100 Charts

Stacked Area 100 Charts are Multi-Series Area Charts plotted together with aligned x values, such that at any point it shows cumulative total percentage of that point for all series. Each dataSeries should contain type as stackedArea100

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




Stacked Area 100 Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries/ dataPoint markerType String “circle” “none”, “circle”, “square”, “cross”, “triangle”
dataSeries/ dataPoint markerColor String dataSeries Color “red”,”#1E90FF”..
dataSeries/ dataPoint markerBorderColor String dataSeries Color “red”,”#1E90FF”..
dataSeries/ dataPoint markerSize Number 0 5,10..
dataSeries/ dataPoint markerBorderThickness Number 1 4,7..
dataSeries lineThickness Number 2 4,7..
dataSeries fillOpacity Number .7 .2,.4,1 etc


Basic Stacked Area 100 Chart

Try it Yourself by Editing the Code below.


Stacked Area 100 Chart With Additional Customization

Try it Yourself by Editing the Code below.



In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.