搭建简易的物联网服务端和客户端-整合（八）

最新推荐文章于 2018-10-16 10:29:58 发布

chengyang4485

最新推荐文章于 2018-10-16 10:29:58 发布

阅读量377

点赞数

文章标签：嵌入式 javascript json ViewUI

原文链接：https://my.oschina.net/CIIren/blog/906245

版权

今天主要完成的是表的局部刷新，然后就是整体展示。
代码地址：https://github.com/klren0312/stm32_wifi
2017.3.23

搭建简易的物联网服务端和客户端目录

整合

1.EChart的局部刷新

1）setTimeout 和 setInterval
setTimeout 在指定的毫秒数后，将定时任务处理的函数添加到执行队列的队尾（只是延迟执行一次）
setInterval 按照指定的周期（毫秒数计时），将定时任务处理函数添加到执行队列的队尾（周期循环执行）

2）局部刷新
刚开始是准备进行全部页面进行刷新，来更新数据（原谅我的无知）

function freshWeb(){
     window.location.reload();
}
setInterval('freshWeb()',3000)

但是感到体验很差，于是我把fetch数据的相关放到一个函数中，然后用setInterval对fetch数据的函数循环执行，就可以达到ECharts数据更新的操作。

function getData(){
     fetch("http://127.0.0.1:3000/tem")
         .then(status)
         .then(json)
         .then(function(data){
                myChart.setOption({
                 series: [{
                 // 根据名字对应到相应的系列
                  name: '温度',
                  data: data
                 }]
             });
         })
         .catch(function(err){
              console.log("Fetch错误:"+err);
         });
}
//循环执行fetch数据获取，达到ECharts数据更新的操作
setInterval('getData()',10);