V3: Clustered stacked column

by amcharts

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<div id="chartdiv" style="width: 100%; height: 350px;"></div>

CSS

body
{
    font-size:12px;
    color:#000000;
    background-color:#ffffff;
    font-family:verdana,helvetica,arial,sans-serif;
}

JavaScript

var chart;

var chartData = [{
    year: "2003",
    europe: 2.5,
    namerica: 2.5,
    asia: 2.1,
    lamerica: 0.3,
    meast: 0.2,
    africa: 0.1},
{
    year: "2004",
    europe: 2.6,
    namerica: 2.7,
    asia: 2.2,
    lamerica: 0.3,
    meast: 0.3,
    africa: 0.1},
{
    year: "2005",
    europe: 2.8,
    namerica: 2.9,
    asia: 2.4,
    lamerica: 0.3,
    meast: 0.3,
    africa: 0.1}];

AmCharts.ready(function() {
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = chartData;
    chart.categoryField = "year";
    chart.plotAreaBorderAlpha = 0.2;

    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.gridAlpha = 0.1;
    categoryAxis.axisAlpha = 0;
    categoryAxis.gridPosition = "start";

    // value
    var valueAxis = new AmCharts.ValueAxis();
    valueAxis.stackType = "regular";
    valueAxis.gridAlpha = 0.1;
    valueAxis.axisAlpha = 0;
    chart.addValueAxis(valueAxis);

    // GRAPHS
    // first graph    
    var graph = new AmCharts.AmGraph();
    graph.title = "Europe";
    graph.labelText = "[[value]]";
    graph.valueField = "europe";
    graph.type = "column";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.lineColor = "#C72C95";
    chart.addGraph(graph);

    // second graph              
    graph = new AmCharts.AmGraph();
    graph.title = "North America";
    graph.labelText = "[[value]]";
    graph.valueField = "namerica";
    graph.type = "column";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.lineColor = "#D8E0BD";
    chart.addGraph(graph);

    // third graph                              
    graph = new AmCharts.AmGraph();
    graph.title = "Asia-Pacific";
    graph.labelText = "[[value]]";
    graph.valueField = "asia";
    graph.type = "column";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.lineColor = "#B3DBD4";
    chart.addGraph(graph);

    // value
    var valueAxis2 = new AmCharts.ValueAxis();
   ...