Drill-down column chart

by alexjakubow

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

body {
    font-family: Verdana;
    font-size: 12px;
    padding: 10px;
}

#chartdiv {
    width : 100%;
    height : 300px;
    font-size : 11px;
}

JavaScript

var chartData = [{
	"category": "Fall 2011",
	"count": 30493,
	"url":"#",
	"description":"click to drill-down",
	"campus" : [
		{ "category" : "Alamogordo", "count": 3372 },
		{ "category" : "Carlsbad", "count": 1744 },	
		{ "category" : "Dona Ana", "count": 9803 },	
		{ "category" : "Grants", "count": 1257 },	
		{ "category" : "Las Cruces", "count": 18024 }	
	]
}, {
	"category": "Fall 2012",
	"count": 29768,
	"url":"#",
	"description":"click to drill-down",
	"campus" : [
		{ "category" : "Alamogordo", "count": 3173 },
		{ "category" : "Carlsbad", "count": 2060 },	
		{ "category" : "Dona Ana", "count": 9270 },	
		{ "category" : "Grants", "count": 1141 },	
		{ "category" : "Las Cruces", "count": 17651 }	
	]
}, {
	"category": "Fall 2013",
	"count": 28262,
	"url":"#",
	"description":"click to drill-down",
	"campus" : [
		{ "category" : "Alamogordo", "count": 2458 },
		{ "category" : "Carlsbad", "count": 1861 },	
		{ "category" : "Dona Ana", "count": 8837 },	
		{ "category" : "Grants", "count": 970 },	
		{ "category" : "Las Cruces", "count": 16765 }	
	]
}, {
	"category": "Fall 2014",
	"count": 26798,
	"url":"#",
	"description":"click to drill-down",
	"campus" : [
		{ "category" : "Alamogordo", "count": 2095 },
		{ "category" : "Carlsbad", "count": 1852 },	
		{ "category" : "Dona Ana", "count": 8848 },	
		{ "category" : "Grants", "count": 942 },	
		{ "category" : "Las Cruces", "count": 15829 }	
	]
}];

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
        "theme": "none",
        "pathToImages": "/lib/3/images/",
        "autoMargins": true,
        //"marginLeft": 30,
        //"marginRight": 8,
        //"marginTop": 10,
        //"marginBottom": 26,
    "titles": [{
        "text": "Yearly data"
    }],
        "dataProvider": chartData,
        "startDuration": 1,
        "graphs": [{
        "alphaField": "alpha",
            "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b> [[additional]]</span>...