HTML5 & JS Stacked Column 100 Charts

Stacked Column 100 Charts are plotted when multiple Column Charts with aligned x values are plotted on same scale. Total length of each Column is 100 units, and length of each value is its contribution to total in percent. Each dataSeries should contain type as stackedColumn100.

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

Stacked Column Chart Specific Properties

Applies To Attribute Type Default Options/Examples
dataSeries bevelEnabled Boolean false true,false
dataSeries/ dataPoint indexLabelPlacement String “outside” “inside”,”outside”
dataSeries/ dataPoint indexLabelOrientation String “outside” “inside”,”outside”
dataSeries fillOpacity Number 1 .2,.4,1 etc

Basic Stacked Column 100 Chart

Try it Yourself by Editing the Code below.

Stacked Column 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.