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: 25, high: 34, x: 'Jan' },

    { low: 24, high: 35, x: 'Feb' },

    { low: 32, high: 55, x: 'Mar' },

    { low: 48, high: 68, x: 'Apr' },

    { low: 59, high: 79, x: 'May' },

    { low: 70, high: 89, x: 'June' },

    { low: 81, high: 103, x: 'July' },

    { low: 77, high: 90, x: 'Aug' },

    { low: 63, high: 75, x: 'Sep' },

    { low: 55, high: 63, x: 'Oct' },

    { low: 42, high: 51, x: 'Nov' },

    { low: 32, high: 35, x: 'Dec' }

  ]);

​

  // create column chart

  var chart = anychart.area();

​

  // set chart title text settings

  chart.title('Weather in New York in 2010 (\xb0F)');

​

  // create series

  chart.rangeSplineArea(data);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});