Stacked Column Chart

Our Serial chart can stack any graphs of the same kind - columns, bars, lines, step lines. They can be stacked in a regular way or 100%, when values are recalculated to percent values. <h2>Themes - a real help for developer</h2> View the source of the chart by clicking EDIT button. You will notice, that not a single color is defined in it. Now, if you click themes buttons on top of the chart, you will see that the chart is changing colors, opacities and evem patterns. All the config of the chart is stored in the theme file which is applied when you click a button. This feature allows you to apply a theme for all your charts on a web site, and you will be sure that they will meet the same design. We offer several themes for your to choose, and you can easily modify and adjust them for your needs. And of course, you can still set any property as an exception in the chart config file.

by HemalathaThanigaivel

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width: 100%;
	height: 500px;
}

JavaScript

var iconMoon = "M 8 0 L 7.1875 2.1875 L 5 3 L 7.1875 3.8125 L 8 6 L 8.8125 3.8125 L 11 3 L 8.8125 2.1875 Z M 3 6 L 2.1875 8.1875 L 0 9 L 2.1875 9.8125 L 3 12 L 3.8125 9.8125 L 6 9 L 3.8125 8.1875 Z M 15 6 C 10.054688 6 6 10.054688 6 15 C 6 19.945313 10.054688 24 15 24 C 19.707031 24 23.550781 20.40625 24 15.8125 L 24.125 14.34375 L 22.71875 14.75 C 22.078125 14.933594 21.605469 15 21 15 C 18.246094 15 16 12.753906 16 10 C 16 9.082031 16.257813 8.273438 16.6875 7.5 L 17.5 6 Z M 14.5 8.09375 C 14.3125 8.722656 14 9.304688 14 10 C 14 13.84375 17.15625 17 21 17 C 21.21875 17 21.417969 16.925781 21.625 16.90625 C 20.757813 19.832031 18.214844 22 15 22 C 11.144531 22 8 18.855469 8 15 C 8 11.320313 10.890625 8.363281 14.5 8.09375 Z ";
var iconSun = "M 11.875 0.1875 C 11.371094 0.25 10.996094 0.679688 11 1.1875 L 11 3.1875 C 10.996094 3.546875 11.183594 3.882813 11.496094 4.066406 C 11.808594 4.246094 12.191406 4.246094 12.503906 4.066406 C 12.816406 3.882813 13.003906 3.546875 13 3.1875 L 13 1.1875 C 13.003906 0.898438 12.878906 0.625 12.664063 0.433594 C 12.449219 0.242188 12.160156 0.152344 11.875 0.1875 Z M 4 3.375 C 3.625 3.441406 3.324219 3.714844 3.21875 4.078125 C 3.113281 4.445313 3.222656 4.835938 3.5 5.09375 L 4.90625 6.5 C 5.148438 6.796875 5.535156 6.933594 5.910156 6.847656 C 6.28125 6.761719 6.574219 6.46875 6.660156 6.097656 C 6.746094 5.722656 6.609375 5.335938 6.3125 5.09375 L 4.90625 3.6875 C 4.71875 3.488281 4.460938 3.378906 4.1875 3.375 C 4.15625 3.375 4.125 3.375 4.09375 3.375 C 4.0625 3.375 4.03125 3.375 4 3.375 Z M 19.6875 3.375 C 19.460938 3.40625 19.25 3.519531 19.09375 3.6875 L 17.6875 5.09375 C 17.390625 5.335938 17.253906 5.722656 17.339844 6.097656 C 17.425781 6.46875 17.71875 6.761719 18.089844 6.847656 C 18.464844 6.933594 18.851563 6.796875 19.09375 6.5 L 20.5 5.09375 C 20.796875 4.808594 20.886719 4.367188 20.726563 3.988281 C 20.570313 3.609375 20.191406 3.367188 19.78125 3.375 C 19.75 3.375 19.71875 3.375 19.6875 3.375 Z M 12 5.1875 C...