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


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

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

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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
[求助]狐表的WEB开发结合echarts,当后台数据发生变化时,echarts中的图表可以实时变化吗?  发帖心情 Post By:2018/5/23 20:34:00 [显示全部帖子]

狐表的WEB开发结合echarts,当后台数据发生变化时,echarts中的图表可以实时变化吗?

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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
  发帖心情 Post By:2018/5/23 21:41:00 [显示全部帖子]

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

 

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

 

2、你可以利用openqq即时同步数据,然后设置图表。  (这个应该怎么做?)


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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
  发帖心情 Post By:2018/5/24 10:16:00 [显示全部帖子]

第一种方式应该要简单点,请问load后应该怎么把data数据再写过去呢?

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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
  发帖心情 Post By:2018/5/24 17:11:00 [显示全部帖子]

map.js
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
        }]
    });
});



$.get('getdata.htm?type=2').done(function (jsonstr) {
var mydata = eval('(' + jsonstr + ')');
    myChart2.setOption({
tooltip:{
formatter: "{a} <br/>{b} : {c}%"
},

    series: [{
            name: 'foxtable',
            type: 'gauge',
            detail: {formatter:'{value}%'},
           
            data: [{value: 90, name: '完成率'}],
axisLine: {
                lineStyle: {
                    color: [[0.2, "rgb(255, 0, 0)"], [0.8, "rgb(255, 255, 86)"], [1, "rgb(33, 255, 0)"]]
                }
            }
        }]

});

});


httprequest

Dim fl As String = "d:\web\" & e.path
Dim wb As New WeUI
Dim sb As New StringBuilder
If filesys.FileExists(fl)
    Dim idx As Integer = fl.LastIndexOf(".")
    Dim ext As String  = fl.SubString(idx)
    Select Case ext
        Case ".jpg",".gif",".png",".bmp",".wmf",".js",".css" ,".html",".htm",".zip",".rar",".txt"
            e.WriteFile(fl)
            Return '这里必须返回
    End Select
Else
    
End If

Select Case e.Path
    Case "test.htm"

          With wb.AddArticle("","ar1")          
            Dim str As String = FileSys.ReadAllText("d:\web\index.html", encoding.default)
            AddContent(str)
        End With
        '
        wb.AppendHTML("<script src='./lib/map.js'></script>")
        '
        e.WriteString(wb.Build)
    Case "getdata.htm"
        Dim json As String
        If e.GetValues("type") ="1" Then
            
            Dim jo As New JObject
            Dim ja1 As New JArray     '定义数组
            Dim ja2 As New JArray     '定义数组
            
            For Each dr As DataRow In DataTables("表A").DataRows
                ja1.Add(dr("第一列"))
                ja2.Add(dr("第二列"))
            Next
            
            jo("categories") = ja1
            jo("data") = ja2
            json = jo.ToString
        Else
            json  = FileSys.ReadAllText("d:\web\lib\data2.txt")
            
        End If
        
        
        e.WriteString(json)
End Select
e.WriteString(wb.Build)

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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
  发帖心情 Post By:2018/5/24 17:12:00 [显示全部帖子]

当 DataTables("表A")  数据发生变化后,如何让web页面的图表数据也变化?


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


加好友 发短信
等级:二尾狐 帖子:544 积分:7290 威望:0 精华:0 注册:2011/6/22 20:16:00
  发帖心情 Post By:2018/5/25 19:34:00 [显示全部帖子]

版主,基于上面的JS代码,定时器应该怎么改?

 回到顶部
帅哥哟,离线,有人找我吗?
ymjr2011
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | 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: {

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


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

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

 回到顶部
帅哥哟,离线,有人找我吗?
ymjr2011
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | 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

我就这么做了下,不知道是否合理?但返回数据是正常的

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


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

谢谢

 回到顶部
总数 15 1 2 下一页