html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function () {

    chart = anychart.scatter([

        {x: 0, value: 0.4},

        {x: 1, value: 0.2},

        {x: 2, value: 0.8},

        {x: 3, value: 0.5}

    ]);

    chart.xScale().minimum(-1);

    chart.xGrid(true).yGrid(true);

    chart.title('Disable redrawing of the chart after the changes. \n Use the buttons to apply the changes and draw them');

    chart.container('container');

    chart.draw();

​

    // Disable chart redrawing.

    chart.autoRedraw(false);

});

​

function autoRedraw() {

​

    // Enable chart redrawing.

    chart.autoRedraw(true);

}