Foxtable(狐表)用户栏目专家坐堂 → [求助]狐表的WEB开发结合echarts,当后台数据发生变化时,echarts中的图表可以实时变化吗?


  共有4802人关注过本帖树形打印复制链接

主题:[求助]狐表的WEB开发结合echarts,当后台数据发生变化时,echarts中的图表可以实时变化吗?

帅哥哟,离线,有人找我吗?
有点甜
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/23 20:53:00 [显示全部帖子]

后台数据变化后,前台是否知道?

 

1、你可以定时load数据,把最新的数据设置图表;

 

2、你可以利用openqq即时同步数据,然后设置图表。


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/23 21:46:00 [显示全部帖子]


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/24 10:22:00 [显示全部帖子]

以下是引用ymjr2011在2018/5/24 10:16:00的发言:
第一种方式应该要简单点,请问load后应该怎么把data数据再写过去呢?

 

你当初怎么写进去的,load之后就怎么写进去。

 

不然做个实例说明。

[此贴子已经被作者于2018/5/24 10:21:52编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/24 17:18:00 [显示全部帖子]

以下是引用ymjr2011在2018/5/24 17:12:00的发言:
当 DataTables("表A")  数据发生变化后,如何让web页面的图表数据也变化?

 

js里面写一个定时器,定时获取后台数据,获取到以后显示到你的echar图表上,即可。

 

https://www.baidu.com/baidu?wd=js+%E5%AE%9A%E6%97%B6%E5%99%A8

 

https://www.baidu.com/baidu?wd=jquery+%E5%AE%9A%E6%97%B6%E5%99%A8

 

 


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/30 19:00:00 [显示全部帖子]

返回的 jsonstr 数据加上标题的值,比如

 

修改的标题@本来jsong数据

 

得到以后split分割,分别设置值进去,即可


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/30 21:56:00 [显示全部帖子]

直接赋值

 

alert(jsonstr)

var obj = jsonstr.split("@")

var mydata = eval('(' + obj[1] + ')');

myChart1.setOption({

            title: {
                text: obj[0]
            },
[此贴子已经被作者于2018/5/30 22:06:31编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/5/30 22:06:00 [显示全部帖子]

返回的值包含你需要的所有信息,然后分别赋值,即可。

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/6/10 23:29:00 [显示全部帖子]

$.get('getdata.htm?type=1').done(function (jsonstr) {

 

改成这样

 

$.get('getdata.htm?type=1&rnd=' + Math.random()).done(function (jsonstr) {

    alert(123);

 

如果还有问题,做个具体实例测试。


 回到顶部