当前位置: 首页 > 工具软件 > RGraph > 使用案例 >

Rgraph js 实时刷新canvas,并解决重绘问题

锺高翰
2023-12-01

1.前台web aspx页面

  <div id="Div1">  <canvas id="id1" width="300" height="270" style="margin-left:-8px;">页面</canvas></div>

2.js页面  --  实时刷新方法

$(document).ready(function () {

 var xnrw = "查询数据js即使刷新";
    if (xnrw != null || xnrw != "") {
        setInterval(function () { Searchgrid() }, 5000);//5秒刷新一次
    }

}


function Searchgrid()
{
    //清除画布
    var c1 = document.getElementById('id1');
    c1.remove();//用于清除canvas  重要
    //添加canvas
    $("#Div1").before("<canvas id=\"id1\" width=\"300\" height=\"270\" style=\"margin-left:-8px;\">添加控件</canvas>");
   .。。。。。。。。。下边写10秒查询的内容
  }

 类似资料: