html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    // create a data set

    var data = anychart.data.set([

      ["QTR1", 3.8, 5.5, 6.9, 7.9],

      ["QTR2", 5.5, 7.0, 9.6, 8.6],

      ["QTR3", 9.9, 9.7, 8.3, 7.3],

      ["QTR4", 5.7, 7.6, 9.7, 18.7]

    ]);

​

    // map the data

    var seriesData_1 = data.mapAs({x: 0, value: 1});

    var seriesData_2 = data.mapAs({x: 0, value: 2});

    var seriesData_3 = data.mapAs({x: 0, value: 3});

    var seriesData_4 = data.mapAs({x: 0, value: 4});

​

    // create a chart

    var chart = anychart.column();

​

    // create scales and set stacking modes

    yScale1 = anychart.scales.linear();

    yScale1.stackMode("value");

​

    yScale2 = anychart.scales.linear();

    yScale2.stackMode("value");

    // create column series and bind them to different scales

    chart.column(seriesData_1).yScale(yScale1);

    chart.column(seriesData_2).yScale(yScale1);

​

    chart.column(seriesData_3).yScale(yScale2);

    chart.column(seriesData_4).yScale(yScale2);

​

    /* bind the Y-axis to the first scale

    you can avoid this setting by reusing the primary Y-scale

    when you create yScale1:

    var yScale1 = chart.yScale();*/

    chart.yAxis().scale(yScale1);

​

    // set the chart title

    chart.title("Value Stacked Chart: Clustered");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

​

    // sync minimums and maximums of the scales

    globalMax = chart.getStat("yScalesMax");

    globalMin = chart.getStat("yScalesMin");

    // get all y scales

    var yScales = chart.getYScales();

    // set the same minimum and maximum

    for (var i = 0; i < yScales.length; i++) {

       yScales[i].minimum(globalMin);

       yScales[i].maximum(globalMax);

    }    

});