如何只刷新网页上的饼图？

Question

this is my code:

<script>
var myVar=setInterval(function(){myTimer()},10000);

function myTimer() {
document.getElementById("show").innerHTML = "hello";
}
</script>
<div id="show">
        <canvas id="chart-area2" width="300" height="300"/>
    </div>

The above displays piechart for 10 seconds and then replaces the piechart with 'hello'. In the place of 'hello' how can i make the piechart display again? Will this code refresh the div every 10 seconds? if not then what are the changes i have to do?

the div tag displays the pie chart on the browser.

Answer 1

<script>
    var myVar=setInterval(function(){myTimer()},10000);

    function myTimer() {
        var ctx2 = document.getElementById("chart-area2").getContext("2d"); 
        var pieData2 = ... //You can use AJAX to load new data from the server if you want
        var myPie2 = new Chart(ctx2).Pie(pieData2);
    }
</script>
<div id="show">
    <canvas id="chart-area2" width="300" height="300"/>
</div>