html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function () {

    chart = anychart.gauges.circular([0.4]);

    chart.axis();

    chart.needle();

    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 i = 0;

​

function data() {

    var getData = chart.data();

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

    chart.data(newData);

    chart.needle(i++);

}