html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create column chart

    var chart = anychart.column();

​

    // set container id for the chart

    chart.container('container');

​

    // create area series with passed data

    var ranges_data = anychart.data.set([

        {low: 13, high: 40, model: 'SureTalk S1'},

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

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

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

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

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

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

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

    ]);

​

    var data = ranges_data.mapAs({'x': 'model'});

    var series = chart.rangeColumn(data);

​

    // set the selection color

    series.selected()

        .fill("navy 0.7")

        .stroke("navy");

​

    // initiate chart drawing

    chart.draw();

});