Foxtable(狐表)用户栏目专家坐堂 → [分享]百度ECharts使用示例


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

主题:[分享]百度ECharts使用示例

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


加好友 发短信
等级:婴狐 帖子:32 积分:267 威望:0 精华:0 注册:2017/7/13 20:45:00
  发帖心情 Post By:2017/7/26 13:40:00 [只看该作者]

也可以在电脑浏览器访问吧

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


加好友 发短信
等级:婴狐 帖子:32 积分:267 威望:0 精华:0 注册:2017/7/13 20:45:00
  发帖心情 Post By:2017/7/26 13:46:00 [只看该作者]

我如果想用foxtable做网页版的应用,并且做数据统计,生成报表,就不能使用像C/S客户端那样精细的功能了。
需要在foxtable中写SQL语句吧。
比如说 生成 同比、环比的统计数据报表。

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


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

以下是引用singing在2017/7/26 13:46:00的发言:
我如果想用foxtable做网页版的应用,并且做数据统计,生成报表,就不能使用像C/S客户端那样精细的功能了。
需要在foxtable中写SQL语句吧。
比如说 生成 同比、环比的统计数据报表。

 

参考

 

http://foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=100708&skin=0

 


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


加好友 发短信
等级:二尾狐 帖子:522 积分:5027 威望:0 精华:0 注册:2015/4/15 15:25:00
  发帖心情 Post By:2017/8/23 12:34:00 [只看该作者]

老师,您好。
我依样画葫芦,想使用Ecart实例实现下图效果,尝试失败(不能显示图例),请老师帮忙。
Ecart实例位置:http://echarts.baidu.com/demo.html#bar-y-category

我估计是wb.AppendHTML(****)的问题,即12楼,我提的问题,我不知道使用哪些,为什么使用?



图片点击可在新窗口打开查看此主题相关图片如下:111.jpg
图片点击可在新窗口打开查看


1.登录网页代码:
Dim e As RequestEventArgs = args(0)

Dim wb As New weui

wb.AddPageTitle("","litz","员工职务","***公司")      '标题

wb.AppendHTML("<script src='http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js'></script>",True)
wb.AppendHTML("<script src='http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js'></script>",True)
wb.AppendHTML("<script src='http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js'></script>",True)
wb.AppendHTML("<script src='http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js'></script>",True)

With wb.AddArticle("","ar1")
    .AddContent("<div id=""main1"" style=""width: 600px;height:400px;""></div>")         '插入一个div,用于显示服务器返回的数据
End With

wb.AppendHTML("<script src='./lib/post.js'></script>")      '引用脚本

e.WriteString(wb.Build)


2.数据页(kk.htm)代码:
Dim e As RequestEventArgs = args(0)

'Dim wb As New WeUI

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     '定义数组
    
    '------获取籍贯数据
    Dim g As New GroupTableBuilder("统计表1", DataTables("员工名册"))
    g.Groups.AddDef("职务")
    g.Groups.AddDef("职务代码")
    g.Totals.AddDef("工号", AggregateEnum.Count, "数量")
    g.FromServer = True
    g.Filter = "离职 = 0 and 外包 = 0"
    g.Build()
    'MainTable = Tables("统计表1")
    
    Tables("统计表1").Sort = "职务代码 Desc"      '用职务代码排序,使得职务从高-->低排序
    
    For Each dr As DataRow In DataTables("统计表1").DataRows
        ja1.Add(dr("职务"))
        ja2.Add(dr("数量"))
    Next
    
    jo("categories") = ja1
    jo("data") = ja2
    json = jo.ToString
End If

e.WriteString(json)


3.js脚本(post)代码:
var myChart1 = echarts.init(document.getElementById('main1'));

$.get('kk.htm?type=1').done(function (jsonstr) {
var mydata = eval('(' + jsonstr + ')');
    myChart1.setOption({
        title: {
        text: '世界人口总量',
        subtext: '数据来自网络'
    },
    xAxis: {
        boundaryGap: [0, 0.01]
    },
    yAxis: {
        data: mydata.categories
    },
    series: [
        {
            type: 'bar',
            data: mydata.data
        },
    ]
});
[此贴子已经被作者于2017/8/23 12:37:29编辑过]

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


加好友 发短信
等级:二尾狐 帖子:522 积分:5027 威望:0 精华:0 注册:2015/4/15 15:25:00
  发帖心情 Post By:2017/8/23 14:57:00 [只看该作者]

检查了半天,在js代码中加了“ });  “,可以显示了,我再试试。。。
不理解代码,现在是瞎搞搞。。。


var myChart1 = echarts.init(document.getElementById('main1'));

$.get('kk.htm?type=1').done(function (jsonstr) {
var mydata = eval('(' + jsonstr + ')');
    myChart1.setOption({
        title: {
            text: '世界人口总量',
            subtext: '数据来自网络'
        },
        xAxis: {
                  boundaryGap: [0, 0.01]
        },
        yAxis: {
                 data: mydata.categories
        },
        series: [
            {
                 type: 'bar',
                 data: mydata.data
            },
        ]
    });
});
[此贴子已经被作者于2017/8/23 14:57:54编辑过]

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


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

 回复楼上,可以不用直接生成json的,把需要的数据存放成.txt文件,直接读取txt文件进来,替换某些内容就好了。

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


加好友 发短信
等级:二尾狐 帖子:522 积分:5027 威望:0 精华:0 注册:2015/4/15 15:25:00
  发帖心情 Post By:2017/8/24 8:38:00 [只看该作者]

老师,您好。
把数据放到.txt文件,数据不能随数据库变化,我喜欢从数据库获得数据来处理。

又有个问题要咨询:获得临时表,已经排序了,但数据不能而排序展现。
是不是For Each是从未排序的DataTables取值?是否有办法,可以按排序展现?

    '------获取职务数据
    Dim g As New GroupTableBuilder("统计表1", DataTables("员工名册"))
    g.Groups.AddDef("职务")
    g.Groups.AddDef("职务代码")
    g.Totals.AddDef("工号", AggregateEnum.Count, "数量")
    g.FromServer = True
    g.Filter = "离职 = 0 and 外包 = 0"
    g.Build()
    'MainTable = Tables("统计表1")
    
    Tables("统计表1").Sort = "职务代码 Desc"      '用职务代码排序,使得职务从高-->低排序....可惜不起作用,不知道为什么
    
    For Each dr As DataRow In DataTables("统计表1").DataRows
        ja1.Add(dr("职务"))
        ja2.Add(dr("数量"))
    Next
    
    jo("categories") = ja1
    jo("data") = ja2
    json = jo.ToString



图片点击可在新窗口打开查看此主题相关图片如下:333.jpg
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:111.jpg
图片点击可在新窗口打开查看


[此贴子已经被作者于2017/8/24 8:40:08编辑过]

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


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

改成

 

    For Each dr As Row In Tables("统计表1").Rows
        ja1.Add(dr("职务"))
        ja2.Add(dr("数量"))
    Next


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


加好友 发短信
等级:三尾狐 帖子:633 积分:6314 威望:0 精华:0 注册:2011/5/8 13:21:00
  发帖心情 Post By:2017/8/26 9:49:00 [只看该作者]

make

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


加好友 发短信
等级:二尾狐 帖子:522 积分:5027 威望:0 精华:0 注册:2015/4/15 15:25:00
  发帖心情 Post By:2018/8/14 16:02:00 [只看该作者]

百度已暂停地图的下载,echarts有用百度地图的朋友,就会无法显示。

有需要的朋友可以用下面的,或者上网搜索<china.js>下载。
然后引用就可以了:wb.AppendHTML("<script src='./lib/china.js'></script>")

 
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:china.js.zip



图片点击可在新窗口打开查看此主题相关图片如下:11.jpg
图片点击可在新窗口打开查看

-----------
......抱歉~无法显示是JS代码不能用了。。。。换个版本就可以了。

这个不行了:wb.AppendHTML("<script src='http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js'></script>",True)

要换个版本:wb.AppendHTML("<script src='./lib/jquery.min-3.3.1.js'></script>")          '引用jquery
[此贴子已经被作者于2018/8/14 16:15:56编辑过]

 回到顶部
总数 48 上一页 1 2 3 4 5 下一页