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


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

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

帅哥,在线噢!
有点蓝
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107807 积分:548386 威望: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编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107807 积分:548386 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/6/9 15:44:00 [显示全部帖子]

加到这句之后:var mydata = eval('(' + jsonstr + ')');

目前没有办法实时触发。只能定时到后台取值刷新。

 回到顶部