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。