html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create area series with passed data

  var data = anychart.data.set([

    { low: 3093, high: 19522, x: 'Jan' },

    { low: 4205, high: 32622, x: 'Feb' },

    { low: 4019, high: 41612, x: 'Mar' },

    { low: 4920, high: 53752, x: 'Apr' },

    { low: 5795, high: 78839, x: 'May' },

    { low: 8327, high: 75842, x: 'June' },

    { low: 7933, high: 69812, x: 'July' },

    { low: 15573, high: 59922, x: 'Aug' },

    { low: 14924, high: 42052, x: 'Sep' },

    { low: 12684, high: 31917, x: 'Oct' },

    { low: 10689, high: 32302, x: 'Nov' },

    { low: 9972, high: 38245, x: 'Dec' }

  ]);

​

  // create column chart

  var chart = anychart.area();

​

  // set chart title text settings

  chart.title(

    'Sales of \'A2\' band CD copies during a year \n(2000 vs 2010)'

  );

​

  var series = chart.rangeArea(data);

​

  series.tooltip().format(function () {

    return '2000: ' + this.low + '\n2010: ' + this.high;

  });

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});