html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

anychart.onDocumentReady(function () {

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

​

  // data

  var data1 = [

    ["Chocolate paste", 5],

    ["White honey", 2],

    ["Strawberry jam", 2],

    ["Condensed milk", 1]

  ];

​

  // set chart type

  chart1 = anychart.column(data1);

​

  // set chart title

  chart1.title("Column Chart");

​

​

​

  // data

  var data2 = [

    ["Chocolate paste", 5],

    ["White honey", 2],

    ["Strawberry jam", 2],

    ["Condensed milk", 1]

  ];

​

  // set chart type

  chart2 = anychart.pie(data2);

​

  // set chart title

  chart2.title("Pie Chart");

​

    // display a chart

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

  chart1.container(stage);

  chart1.draw();

  // display chart

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

  chart2.container(stage);

  chart2.draw();

    stage.print("a4",false);

});

​

function printStage() {

  stage.print("a4");

};

​

​