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: 13, high: 40, x: 'SureTalk S1' },

    { low: 17, high: 41, x: 'SureTalk S2.05' },

    { low: 10, high: 39, x: 'Eclipse Mobile' },

    { low: 12, high: 55, x: 'Blazen Mobile' },

    { low: 13, high: 46, x: 'Globular S435' },

    { low: 12, high: 38, x: 'Globular I775' },

    { low: 15, high: 44, x: 'Initech' },

    { low: 14, high: 50, x: 'MusiCone' }

  ]);

​

  // create column chart

  var chart = anychart.bar();

​

  // set chart title text settings

  chart.title('Phone battery discharging average quickness (hours)');

​

  var series = chart.rangeBar(data);

  // set the selection color

  series.selected().fill('navy 0.7').stroke('navy');

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});