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

Question

这是我的代码:

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

上面显示饼图 10 秒，然后用“hello”替换饼图。在“你好”的地方我怎样才能让饼图再次显示？这段代码会每 10 秒刷新一次 div 吗？如果不是那么我必须做哪些改变？

div 标签在浏览器上显示饼图。

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>