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 auto 5,10..
dataSeries/ dataPoint markerBorderThickness Number 0 4,7..
dataSeries lineThickness Number 2 4,7..
dataSeries fillOpacity Number .7 .2,.4,1 etc

Basic Stacked Area 100 Chart

Try Editing The Code

Stacked Area 100 Chart With Additional Customization

Try Editing The Code


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