如何只刷新網頁上的餅圖？

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>