#6799

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 style="width: 600px; height: 390px;border: 1px solid #999999; background:url('/images/continent.png')">
<div style=";float:left;width:100%;font-size:16px;height:30px;padding: 10px 0 0 6px;">CO<sub>2</sub> EMISSIONS <span style="font-size:12px;">(total annual tonnes)</span></div>
  <div id="legenddiv" style="float: left;height: 100px;position: relative;width: 200px;padding:130px 0 0;"></div>
	<div id="chartdiv" style="width: 400px; height: 350px;float:left;"></div>
	</div>

JavaScript

var chart;
var chartData = [{
    date: "2010"
    , gross: "192211"
    , renewable: ""
    , net: "192211"
    , grosscolor: "#666666"    
    , renewcolor: "#999999"
    , netcolor: "#FF6600"
}, {
    date: "2011"
    , gross: "201814"
    , renewable: "12497"
    , net: "189317"
    , grosscolor: "#666666"
    , renewcolor: "#999999"
    , netcolor: "#FF6600"
}, {
    date: "2012"
    , gross: "222726"
    , renewable: "17738"
    , net: "204988"
    , grosscolor: "#666666"
    , renewcolor: "#999999"
    , netcolor: "#FF6600"
}, {
    date: "2013"
    , gross: "244849"
    , emp: "4.7"
    , renewable: "19679"
    , net: "225170"
    , grosscolor: "#666666"
    , renewcolor: "#999999"
    , netcolor: "#FF6600"
}];

AmCharts.ready(function () {
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = chartData;
    chart.categoryField = "date";

    //animate jump
    chart.startDuration = 0.3;

    //3d via depth and angle
    chart.angle = 20;
    chart.depth3D = 10;
    chart.columnSpacing3D = 5;

    // value
    var valueAxis = new AmCharts.ValueAxis();
    //can define Y min/max
    valueAxis.minimum = 0; 
    valueAxis.maximum = 250000;
    valueAxis.stackType= "3d";
    chart.addValueAxis(valueAxis);

    // GRAPHS
    // first graph                          
    var graph = new AmCharts.AmGraph();
    graph.title = "Total annual gross CO2 emissions";
    graph.labelText = "[[gross]]";
    graph.labelRotation = 90;
    graph.valueField = "gross";
    graph.type = "column";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.color = "#00FF00";
    graph.lineColor = "#999999";
    graph.valueAxis = valueAxis;
    graph.colorField = "grosscolor";
    graph.fillColors = "666666";
    graph.stackable = false;
    graph.columnWidth = 0.1; // Make column thin
    graph.labelPosition = "inside";
    chart.addGraph(graph);

    var graph2 = new AmCharts.AmGraph();
    graph2.title = "Total annual net CO2 emissions";
    graph2.labelText =...