html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var stage = anychart.graphics.create("container");

​

    var data = [

["USD", 50, 50, 100, 500],

["EUR", 50, 50, 100, 500],

["GBP", 50, 50, 100, 500],

["CZK", 50, 50, 100, 500]

    ];

​

    var chart1 = anychart.column();

    chart1.data(data);

​

    var yScale1 = chart1.yScale();

    yScale1.stackMode("value");

​

    // Set the stacking direction.

    yScale1.stackDirection("reverse");

​

    chart1.title("The stacking direction is \"reverse\"");

    chart1.bounds(0, 0, "50%", "100%");

    chart1.container(stage);

    chart1.draw();

​

    var chart2 = anychart.column();

​

    chart2.data(data);

​

    var scale = chart2.yScale();

    scale.stackMode("value");

​

    // Set the stacking direction.

    scale.stackDirection("direct");

​

    chart2.title("The stacking direction is \"direct\"");

    chart2.bounds("50%", 0, "50%", "100%");

    chart2.container(stage);

    chart2.draw();

});