html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // data:

  var dataTable = anychart.data.table();

  dataTable.addData(get_dji_daily_short_data());

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

​

  // stock line chart:

  var chart = anychart.stock();

  chart.plot().line(mapping);

  chart.container("container");

  chart.draw();

​

  // pinch zoom:

  var container = document.getElementById("container");

  container.addEventListener("mousewheel", function(e) {

    if (e.ctrlKey) {

      e.preventDefault();

      xScale = chart.xScale();

      max = xScale.getMaximum();

      min = xScale.getMinimum();

      gap = max - min;

      chart.selectRange(min - gap*e.deltaY/200 , max + gap*e.deltaY/200);

    }

  });

});