html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {x: "January", low: 0.7, high: 6.1},

      {x: "February", low: 0.6, high: 6.3},

      {x: "March", low: 1.9, high: 8.5},

      {x: "April", low: 3.1, high: 10.8},

      {x: "May", low: 5.7, high: 14.4,

       normal:   {

           fill: "#5cd65c",

           stroke: null,

           label: {enabled: true}

         },

       hovered:  {

           fill: "#5cd65c",

           stroke: null,

           label: {enabled: true},

         },

       selected: {

           fill: "#5cd65c",

           stroke: null,

           label: {enabled: true},

         }

      }

    ];

​

    // create a chart

    var chart = anychart.column();

​

    // create a range column series and set the data

    var series = chart.rangeColumn(data);

​

    // set the chart title

    chart.title("Range Column Chart: Appearance (Individual Points)");

​

    // set the titles of the axes

    chart.xAxis().title("Month");

    chart.yAxis().title("Temperature, \xb0C");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});