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();

});