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>

如何刷新网页上的饼图？

1 个答案: