html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // setting data

  var data = [

    ["C", 15],

    ["D", -25],

    ["E", 25]

  ];

​

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

​

  // setting basic title

  var title = anychart.standalones.title();

  title.parentBounds(0, 0, stage.width(), stage.height()*0.1);

  title.text("Minimum/Maximum Gap Samples");

  title.container(stage).draw();

​

  // first chart

  var chart1 = anychart.column(data);

  chart1.title("Gap Sample");

  chart1.bounds(0, "15%", "50%", "85%");

​

  // setting gaps

  chart1.yScale().minimumGap(1);

  chart1.yScale().maximumGap(1);

​

  chart1.container(stage);

  chart1.draw();

​

  // second chart

  var chart2 = anychart.column(data);

  chart2.title("Sample without Gap");

  chart2.bounds("50%", "15%", "50%", "85%");

  chart2.container(stage);

  chart2.draw();

});