html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    // set the data

    table = anychart.data.table('x');

    table.addData([ 

    {'x': "2004-07-01", 'low': 23.65, 'high': 23.68},

    {'x': "2004-07-02", 'low': 23.14, 'high': 23.21},

    {'x': "2004-07-06", 'low': 22.68, 'high': 22.71},

    {'x': "2004-07-07", 'low': 22.41, 'high': 22.74},

    {'x': "2004-07-08", 'low': 22.29, 'high': 22.65},

    {'x': "2004-07-09", 'low': 22.27, 'high': 22.58},

    {'x': "2004-07-12", 'low': 22.16, 'high': 22.30},

    {'x': "2004-07-13", 'low': 22.35, 'high': 22.62},

    {'x': "2004-07-14", 'low': 22.30, 'high': 22.53},

    {'x': "2004-07-15", 'low': 22.17, 'high': 22.39},

    {'x': "2004-07-16", 'low': 22.39, 'high': 22.41},

    {'x': "2004-07-19", 'low': 21.42, 'high': 21.75},

    {'x': "2004-07-20", 'low': 21.42, 'high': 21.91},

    {'x': "2004-07-21", 'low': 22.21, 'high': 22.27},

    {'x': "2004-07-22", 'low': 21.20, 'high': 21.53},

    {'x': "2004-07-23", 'low': 21.26, 'high': 21.28},

    {'x': "2004-07-26", 'low': 20.84, 'high': 21.03},

    {'x': "2004-07-27", 'low': 20.57, 'high': 20.79},

    {'x': "2004-07-28", 'low': 20.55, 'high': 20.69},

    {'x': "2004-07-29", 'low': 20.76, 'high': 20.98},

    {'x': "2004-07-30", 'low': 20.82, 'high': 21.30},

    {'x': "2004-08-02", 'low': 20.60, 'high': 21.24},

    {'x': "2004-08-03", 'low': 21.13, 'high': 21.23},

    {'x': "2004-08-04", 'low': 20.62, 'high': 21.18},

    {'x': "2004-08-05", 'low': 21.12, 'high': 21.23},

    {'x': "2004-08-06", 'low': 20.22, 'high': 20.60},

    {'x': "2004-08-09", 'low': 20.02, 'high': 20.22},

    {'x': "2004-08-10", 'low': 20.31, 'high': 20.47},

    {'x': "2004-08-11", 'low': 18.60, 'high': 18.65},

    {'x': "2004-08-12", 'low': 18.25, 'high': 18.35},

    {'x': "2004-08-13", 'low': 18.23, 'high': 18.23}

    ]);

    // map the data

    mapping = table.mapAs({'x': 'x', 'low': 'low', 'high': 'high'});

​

    // chart type

    var chart = anychart.stock();

​

    // set the series

    var series = chart.plot(0).rangeStepArea(mapping);

    series.name("Experiment 2");

​

    chart.title('Temperature dispersion');

    chart.container('container');

​

    chart.draw();

});