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


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

主题：[求助]狐表的WEB开发结合echarts，当后台数据发生变化时，echarts中的图表可以实时变化吗？
帅哥，在线噢！
有点蓝
 小大  11楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：107749 积分：548084 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2018/5/25 20:07:00 [只看该作者]

例如

var getData = function getData(){
    var myChart1 = echarts.init(document.getElementById('main1'), 'macarons');
    var myChart2 = echarts.init(document.getElementById('main2'), 'macarons');
    $.get('getdata.htm?type=1').done(function (jsonstr) {

        var mydata = eval('(' + jsonstr + ')');
        myChart1.setOption({
            title: {
                text: ''
            },
            tooltip: {
            },

            textStyle: {

                color: '#000'
            },
            xAxis: {
                data: mydata.categories
            },
            yAxis: {},
            series: [{
                name: '',
                type: 'bar',
                data: mydata.data
            }]
        });
    });

    setTimeout("getData()",3000);
}

setTimeout(function () {
    getData();
}, 3000);
[此贴子已经被作者于2018/5/25 20:07:42编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  12楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/5/30 18:54:00 [只看该作者]

上述问题已经解决了，请问
如果要更新     myChart1.setOption({
        title: {
            text: ''  （字段1的数据变化后，或表A的行数增加后可以修改这里的值吗？请问如何写？）
        },
        tooltip: {
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  13楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

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

 

修改的标题@本来jsong数据

 

得到以后split分割，分别设置值进去，即可
 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  14楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/5/30 21:38:00 [只看该作者]

版主是不是没有写完整？  比如后面是接的下一行吗？

 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  15楼 | 信息 | 搜索 | 邮箱 | 主页 | 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编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  16楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/5/30 22:02:00 [只看该作者]

            ja3 = DataTables("表A").Compute("count(sumCycJob)","日期 >= '" & d1 & "' and 日期 < '" & d1.AddDays(1) & "' and machineId='10556158' ")
            jo("categories") = ja1
            jo("data") = ja2
            jo("cl") = ja3
            json = jo.ToString

    title : {
        text: '三机数据',
        subtext: '当前量:' + mydata.cl

我就这么做了下，不知道是否合理？但返回数据是正常的
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  17楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

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

 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  18楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/5/30 22:08:00 [只看该作者]

谢谢

 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  19楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/6/9 15:39:00 [只看该作者]

如果想实时更新id为 p1的p标签的内容，请问应该写在下面JS哪？怎么写？
   我当前是这么写的但不是实时的 $('#p1').html(mydata.cl);  ，我希望是某表数据发现变化后再触发这个getdata返回到前台网面  

JS:如下：
var getData = function getData(){
    var myChart1 = echarts.init(document.getElementById('main1'), 'macarons');
    var myChart2 = echarts.init(document.getElementById('main2'), 'macarons');
    $.get('getdata.htm?type=1').done(function (jsonstr) {

        var mydata = eval('(' + jsonstr + ')');
        myChart1.setOption({
            title: {
                text: ''
            },
            tooltip: {
            },

            textStyle: {

                color: '#000'
            },
            xAxis: {
                data: mydata.categories
            },
            yAxis: {},
            series: [{
                name: '',
                type: 'bar',
                data: mydata.data
            }]
        });
    });

    setTimeout("getData()",3000);
}

setTimeout(function () {
    getData();
}, 3000);
 回到顶部
帅哥哟，离线，有人找我吗？
ymjr2011
 小大  20楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：二尾狐 帖子：544 积分：7290 威望：0 精华：0 注册：2011/6/22 20:16:00 		  发帖心情 Post By：2018/6/9 15:44:00 [只看该作者]

观察了下，好像11楼也不是实时的

 回到顶部
总数 24 上一页 1 2 3 下一页
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.04297 秒, 4 次数据查询