html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set stage

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

​

  // custom scale

  var customScale = anychart.scales.linear();

  customScale.minimum(8000);

  customScale.maximum(20000);

  var customTicks = customScale.ticks();

  customTicks.interval(1000);

​

  // set position and data for the first chart

  var series_2003 = anychart.column([

    ["John" , 10000],

    ["Jake" , 12000],

    ["Peter" , 18000],

    ["James" , 11000],

    ["Mary" , 9000]

  ]);

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

  series_2003.title(false);

​

  // set custom scale as y scale for the chart

  series_2003.yScale(customScale);

​

  // adjust axes settings

  var yAxis2003 = series_2003.yAxis();

  yAxis2003.orientation("right");

  var xAxis2003 = series_2003.xAxis();

  xAxis2003.title("Year 2003");

​

  // set scale minimum

  var yScale2003 = series_2003.yScale();

  yScale2003.minimum(0);

​

  // set stage

  series_2003.container(stage);

​

  // draw chart

  series_2003.draw();

​

​

  // set position and data for the second chart

  var series_2004 = anychart.column([

    ["John" ,  12000],

    ["Jake" ,  15000],

    ["Peter" ,  16000],

    ["James" ,  13000],

    ["Mary" ,  19000]

   ]);

  series_2004.title(false);

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

​

  // set custom scale as y scale for the chart

  series_2004.yScale(customScale);

​

  // adjust axes settings

  var yAxis2004 = series_2004.yAxis();

  yAxis2004.title("Sales");

  var xAxis2004 = series_2004.xAxis();

  xAxis2004.title("Year 2004");

​

  // set scale minimum

  var yScale2004 = series_2004.yScale();

  yScale2004.minimum(0);

​

  // set container

  series_2004.container(stage);

​

  // draw chart

  series_2004.draw();

});