html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  anychart.data.loadCsvFile('https://gist.githubusercontent.com/shacheeswadia/e2fd68f19e5331f87d38473a45a11dbe/raw/396b3e14f2d7e05aa188e0a420a7b622ed4111bd/amzohlcweekly.csv',

    function (data) {

      // set chart theme

      anychart.theme('darkGlamour');

      // create data table on loaded data

      var dataTable = anychart.data.table();

      dataTable.addData(data);

​

      // map loaded data for the ohlc series

      var mapping = dataTable.mapAs({

        open: 1,

        high: 2,

        low: 3,

        close: 4

      });

​

      // create stock chart

      var chart = anychart.stock();

​

      // create first plot on the chart

      var plot = chart.plot(0);

​

      // create ohlc series

      plot

        .ohlc()

        .data(mapping)

        .name('AMZ')

        .legendItem({ iconType: 'rising-falling' });

      // set grid settings

      plot

        .yGrid(true)

        .xGrid(true)

        .yMinorGrid(true)

        .xMinorGrid(true);

      // set settings for event markers

      var eventMarkers = plot.eventMarkers();

      // set the symbol of event markers

      plot.eventMarkers().format(function() {

        return this.getData("symbol");

      });

      // set markers data

      eventMarkers.data([

        { "symbol": 1, date: '1998-04-11', description: '2-for-1 Amazon stock split' },

        { "symbol": 2, date: '2000-11-01', description: 'Amazon launches Marketplace' },

        { "symbol": 3, date: '2002-07-20', description: 'Amazon launches AWS - Amazon Web Services' },

        { "symbol": 4, date: '2005-02-01', description: 'Amazon launches Prime membership' },

        { "symbol": 5, date: '2007-11-19', description: 'Amazon released the Kindle, its first e-reader for $399' },

        { "symbol": 6, date: '2014-11-15', description: 'Amazon launches Echo, a speaker powered by its digital assistant Alexa' },

        { "symbol": 7, date: '2020-03-11', description: 'Covid-19 declared as a global pandemic by WHO' }

      ]);

      // create EMA indicators with period 50

      plot

        .ema(dataTable.mapAs({ value: 4 }))

        .series()

        .stroke('1 #f79400');

​

      // create scroller series with mapped data

      chart.scroller().area(dataTable.mapAs({ value: 4 }));;

      // sets the title of the chart

      chart.title('Amazon Inc. Stock Prices');

​

      // set container id for the chart

      chart.container('container');

      // initiate chart drawing

      chart.draw();

​

      // create range selector

      var rangeSelector = anychart.ui.rangeSelector();

      // init range selector

      rangeSelector.render(chart);

​

    }

  );

});