html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var stage = anychart.graphics.create('container');

​

    var chart = anychart.scatter();

    chart.xScale(anychart.scales.dateTime());

    chart.xScale().minimum(Date.UTC(2015, 5, 21));

    chart.xScale().maximum(Date.UTC(2015, 5, 29));

    chart.line([

        {x: Date.UTC(2015, 5, 22), value: 26.85},

        {x: Date.UTC(2015, 5, 23), value: 27.88},

        {x: Date.UTC(2015, 5, 24), value: 25.86},

        {x: Date.UTC(2015, 5, 25), value: 29.88},

        {x: Date.UTC(2015, 5, 26), value: 25.87},

        {x: Date.UTC(2015, 5, 27), value: 24.89},

        {x: Date.UTC(2015, 5, 28), value: 26.88},

        {x: Date.UTC(2015, 5, 29), value: 23.89}

    ]);

    chart.title('Get and use plot bounds object');

    chart.container(stage);

    chart.draw();

​

    // Get plot bounds.

    var bounds = chart.getPlotBounds();

​

    var customBackground = anychart.standalones.background();

    customBackground.fill('#BDBDBD 0.2');

    customBackground.parentBounds(bounds);

    customBackground.container(stage);

    customBackground.draw();

});