Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅刷新网页上的饼图?_Javascript_Html - Fatal编程技术网

Javascript 如何仅刷新网页上的饼图?

Javascript 如何仅刷新网页上的饼图?,javascript,html,Javascript,Html,这是我的代码: <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"

这是我的代码:

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

var myVar=setInterval(函数(){myTimer()},10000);
函数myTimer(){
document.getElementById(“show”).innerHTML=“hello”;
}
上面显示的piechart持续10秒,然后将piechart替换为“hello”。在“hello”的位置,我如何再次显示piechart?此代码是否每10秒刷新一次div?如果没有,我需要做什么改变

div标记在浏览器上显示饼图


<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>
var myVar=setInterval(函数(){myTimer()},10000); 函数myTimer(){ var ctx2=document.getElementById(“图表区域2”).getContext(“2d”); var pieData2=…//如果需要,可以使用AJAX从服务器加载新数据 var myPie2=新图表(ctx2).Pie(pieData2); }
不应将innerHTML设置为“hello”,而应调用呈现chart.window.onload=function()的方法{var ctx2=document.getElementById(“chart-area2”).getContext(“2d”);var myPie2=new chart(ctx2).Pie(pieData2);};如何将其添加到内部html@user3799981上述代码将每10秒触发一次。您希望何时刷新数据。。?强烈反对在注释中转储代码块。请编辑问题并更新更具体的信息以获得正确的答案…pieData2=[{value:,颜色:{F7464A],突出显示:{FF5A5E],标签:{Red:},{value:,颜色:{46BFBD],突出显示:{5AD3D1],标签:},突出显示:{value:100,颜色:{FDB45C],突出显示:“#FFC870”,标签:“黄色”},{值:40,颜色:#949FB1,高光:#A8B3C5,标签:“灰色”},{值:120,颜色:#4D5360,高光:#616774,标签:“深灰色”}];如何在脚本中更新此数据?您应该只定义我编写的行……您可以编写您想要的内容,就像您已经编写的内容一样。但是如果您想从服务器更新数据,请使用AJAX。