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-01-02", 'value': 299},

{'x':"2004-01-05", 'value': 388},

{'x':"2004-01-06", 'value': 436},

{'x':"2004-01-07", 'value': 487},

{'x':"2004-01-08", 'value': 616},

{'x':"2004-01-09", 'value': 688},

{'x':"2004-01-12", 'value': 528},

{'x':"2004-01-13", 'value': 563},

{'x':"2004-01-14", 'value': 422},

{'x':"2004-01-15", 'value': 460},

{'x':"2004-01-16", 'value': 912},

{'x':"2004-01-20", 'value': 622},

{'x':"2004-01-21", 'value': 540},

{'x':"2004-01-22", 'value': 434},

{'x':"2004-01-23", 'value': 596},

{'x':"2004-01-26", 'value': 429},

{'x':"2004-01-27", 'value': 493},

{'x':"2004-01-28", 'value': 494},

{'x':"2004-01-29", 'value': 868},

{'x':"2004-01-30", 'value': 717},

{'x':"2004-02-02", 'value': 816},

{'x':"2004-02-03", 'value': 817},

{'x':"2004-02-04", 'value': 905},

{'x':"2004-02-05", 'value': 103},

{'x':"2004-02-06", 'value': 741},

{'x':"2004-02-09", 'value': 527},

{'x':"2004-02-10", 'value': 397},

{'x':"2004-02-11", 'value': 877},

{'x':"2004-02-12", 'value': 485},

{'x':"2004-02-13", 'value': 433},

{'x':"2004-02-17", 'value': 373}

    ]);

    // map the data

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

​

    // chart type

    var chart = anychart.stock();

​

    // set the series

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

    series.name("Total Request number");

​

    chart.title('Stock Step Area Demo');

    chart.container('container');

​

    chart.draw();

});