html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

  var dataTable = anychart.data.table();

  dataTable.addData(get_dji_daily_short_data());

​

  var mapping = dataTable.mapAs({value: 1});

​

  var chart1 = anychart.stock();

  var chart2 = anychart.stock();

​

  chart1.plot().line(mapping);

  chart2.plot().line(mapping);

​

  chart1.selectRange(new Date(2006, 0), new Date(2009, 0));

  chart2.selectRange(new Date(2006, 0), new Date(2009, 0));

​

  chart1.title('Chart with enabled plot drag.');

  chart2.title('Chart with disabled plot drag.');

​

  chart2.interactivity().allowPlotDrag(false);

​

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

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

​

  chart1.container(stage);

  chart2.container(stage);

​

  chart1.draw();

  chart2.draw();

});