html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    //create data set on our data

    var data = [

        {x: 'Ex.1', low: 20, q1: 26, median: 27, q3: 32, high: 38, outliers: [50, 52]},

        {x: 'Ex.2', low: 24, q1: 28, median: 32, q3: 38, high: 42, outliers: [48]},

        {x: 'Ex.3', low: 30, q1: 42, median: 62, q3: 73, high: 88, outliers: [32, 29, 106]},

        {x: 'Ex.4', low: 52, q1: 59, median: 65, q3: 74, high: 83, outliers: [91]},

        {x: 'Ex.5', low: 45, q1: 54, median: 66, q3: 81, high: 97, outliers: [110]},

        {x: 'Ex.6', low: 27, q1: 36, median: 69, q3: 85, high: 100, outliers: [110, 115, 32]}

    ];

​

    //create area chart

    var chart = anychart.box(data);

​

    //turn on chart animation

    chart.animation(true);

​

    //set container id for the chart

    chart.container('container');

​

​

    //initiate chart drawing

    chart.draw();

});