Clustered multi-segment stacked column chart with sub-categories
Checking labels for clustered charts.
by Anton
HTML
<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
CSS
#chartdiv {
width : 100%;
height : 500px;
font-size : 11px;
}
JavaScript
var chart = AmCharts.makeChart("chartdiv", {
"theme": "none",
"type": "serial",
"dataProvider": [{
"date": "1/1/2001",
"support12": 10,
"support01": 5,
"support02": 4,
"support03": 2,
"support04": 3,
"feature12": 15,
"feature01": 0,
"feature02": 1,
"feature03": 0,
"feature04": 3,
"priority12": 9,
"priority01": 10,
"priority02": 23,
"priority03": 1,
"priority04": 2,
"update12": 8,
"update01": 2,
"update02": 3,
"update03": 2,
"update04": 3,
"label": 0
}, {
"date": "1/2/2001",
"support12": 10,
"support01": 5,
"support02": 4,
"support03": 2,
"support04": 3,
"feature12": 15,
"feature01": 0,
"feature02": 1,
"feature03": 0,
"feature04": 3,
"priority12": 9,
"priority01": 10,
"priority02": 23,
"priority03": 1,
"priority04": 2,
"update12": 8,
"update01": 2,
"update02": 3,
"update03": 2,
"update04": 3,
"label": 0
}, {
"date": "1/3/2001",
"support12": 10,
"support01": 5,
"support02": 4,
"support03": 2,
"support04": 3,
"feature12": 15,
"feature01": 0,
"feature02": 1,
"feature03": 0,
"feature04": 3,
"priority12": 9,
"priority01": 10,
"priority02": 23,
"priority03": 1,
"priority04": 2,
"update12": 8,
"update01": 2,
"update02": 3,
"update03": 2,
"update04": 3,
"label": 0
}],
"valueAxes": [{
"stackType": "regular",
"position": "left",
"title": "Tickets"
}],
"startDuration": 0.3,
"graphs": [
// 1200 stack
{
"fillAlphas": 0,
"lineAlpha": 0,
"title": "1200",
...