html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // setting data

  var data = anychart.data.set([

    ["C", 15],

    ["D", -25],

    ["E", 25]

  ]);

​

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

​

  // setting basic title

  var mainTitle = anychart.standalones.title();

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

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

  mainTitle.container(stage);

  mainTitle.draw();

​

  // first chart

  var valueStackedMode = anychart.column();

​

  // set chart title

  valueStackedMode.title("Gap Sample");

​

  // setting chart's size and position

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

​

  var valueBackgorund = valueStackedMode.background();

  valueBackgorund.stroke("#CCCCCC");

​

  // disable axes title

  var valueXAxis = valueStackedMode.xAxis();

  valueXAxis.title(false);

  var valueYAxis = valueStackedMode.yAxis();

  valueYAxis.title(false);

​

  // setting gaps

  var valueYMinorTicks = valueStackedMode.yScale().minorTicks();

  valueYMinorTicks.interval(2);

  var valueYTicks = valueStackedMode.yScale().ticks();

  valueYTicks.interval(10);

​

  var valueYScale = valueStackedMode.yScale();

  valueYScale.minimumGap(0.5);

  valueYScale.maximumGap(0.5);

​

  valueStackedMode.column(data);

​

  valueStackedMode.container(stage);

  valueStackedMode.draw();

​

​

  var percentStackedMode = anychart.column();

​

  percentStackedMode.title("Sample without Gap");

​

  // setting chart's size and position

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

​

  var paecentBackground = percentStackedMode.background();

  paecentBackground.stroke("#CCCCCC");

​

  // disable Axes titles

  var percentYAxis = percentStackedMode.yAxis();

  percentYAxis.title(false);

  var percentXAxis = percentStackedMode.xAxis();

  percentXAxis.title(false);

​

  // setting ticks

  var percentYTicks = percentStackedMode.yScale().ticks();

  percentYTicks.interval(10);

  var percentYMinorTicks = percentStackedMode.yScale().minorTicks();

  percentYMinorTicks.interval(2);

​

  percentStackedMode.column(data);

​

  percentStackedMode.container(stage);

  percentStackedMode.draw();

});