html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function () {

    chart = anychart.gauges.linear([0.9, 0.8, 0.7]);

    chart.addPointer(0, 1, 2);

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

}

​

var pointer = 0;

​

function data() {

    var getData = chart.data();

    var newData = getData.concat([Math.random()]);

    chart.data(newData);

    chart.addPointer(pointer++);

}