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/msft-daily-short.js

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

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

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

​

  // create data sets on loaded data

  var msftDataTable = anychart.data.set(get_msft_daily_short_data()); // eslint-disable-line no-undef

  var orclDataTable = anychart.data.set(get_orcl_daily_short_data()); // eslint-disable-line no-undef

  var cscoDataTable = anychart.data.set(get_csco_daily_short_data()); // eslint-disable-line no-undef

  var ibmDataTable = anychart.data.set(get_ibm_daily_short_data()); // eslint-disable-line no-undef

​

  // create cartesian chart

  var chart = anychart.cartesian();

​

  // create first series on the chart

  chart

    .line()

    .data(

      msftDataTable.mapAs({

        value: 4

      })

    )

    .name('MSFT');

​

  // create second series on the chart

  chart

    .line()

    .data(

      orclDataTable.mapAs({

        value: 4

      })

    )

    .name('ORCL')

    .fill('#1976d2 0.65')

    .stroke('1.5 #1976d2');

​

  // create third series

  chart

    .line()

    .data(

      cscoDataTable.mapAs({

        value: 4

      })

    )

    .name('CSCO')

    .fill('#ef6c00 0.65')

    .stroke('1.5 #ef6c00');

​

  // create fourth series

  chart

    .line()

    .data(

      ibmDataTable.mapAs({

        value: 4

      })

    )

    .name('CSCO')

    .fill('#ef6c00 0.65')

    .stroke('1.5 #ef6c00');

​

  // set chart's starting zoom for X axis

  chart.xZoom().setTo(0.26, 0.7);

​

  // enable X scroller

  chart.xScroller().enabled(true);

​

  // set chart's starting zoom for Y axis

  chart.yZoom().setTo(0.1, 0.65);

​

  // enable Y scroller

  chart.yScroller(true);

​

  // set scales ticks intervals

  chart.xScale().ticks().interval(10);

  chart.yScale().ticks().interval(1);

​

  // set chart's padding

  chart.padding(25, 50);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});