html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // The data used in this sample can be obtained from the CDN

  // https://cdn.anychart.com/csv-data/csco-daily.js

​

  // create data table on loaded data

  var dataTable = anychart.data.table();

  dataTable.addData(get_csco_daily_data());

​

  // map loaded data

  var mapping = dataTable.mapAs({"high": 1, "open": 2, "low": 3, "close": 4, "value": 4, "volume": 4});

  //mapping the data from EMA5

  var mappingSma = dataTable.mapAs({'value': -1});

​

  // create stock chart

  var chart = anychart.stock();

​

  // create plot on the chart

  var plot = chart.plot(0);

​

  // create line series

  var lineSeries = plot.ohlc(mapping);

  lineSeries.name('CSCO');

​

  // create EMA indicator with period 5

  var cmf = chart.plot(1).cmf(mapping).series();

​

  // create SMA indicator

  var sma = chart.plot(1).sma(mappingSma).series();

​

  // create scroller series with mapped data

  chart.scroller().line(mapping);

​

  // set container id for the chart and draw the chart

  chart.container('container').draw();

});