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


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

主题：[分享]百度ECharts使用示例
帅哥哟，离线，有人找我吗？
有点甜
 小大  11楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

 回复10楼，合成json数据就行了。看8楼

 

 http://www.foxtable.com/mobilehelp/scr/0167.htm

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


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

代码我改成这样，已经可以使用了．

            Dim jo As New JObject
            Dim ja As New Jarray     '定义数组
   
            For Each dr As DataRow In DataTables("表A").DataRows
                Dim a1 As String =  dr("籍贯")
                Dim a2 As Integer =  dr("数量")
                
                Dim j2 As new JObject
                j2("name") = a1
                j2("value") = a2
                ja.Add(j2)
            Next
            
            jo("foxtable") = ja     '将Roles设置为前面定义的数组
            json = jo.ToString


但我不能理解以下4行代码，请老师指点：
        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)


我现在只能理解为从下面的链接，取得需要的图例:
那我如果需要别的图例，就不知道AppendHTML哪个js了．
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  13楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

回复12楼，参考，人家自带例子的，把人家的例子弄懂就好。

 

http://echarts.baidu.com/download.html

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


加好友 发短信
等级：三尾狐 帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00 		  发帖心情 Post By：2017/7/20 7:54:00 [只看该作者]

这个插件的图标类型真丰富，但是一定需要HttpRequest事件才能用吗？难道普通开发版就没法使用这样高级的图表插件了？
建议版主做一个Foxtable普通开发版也能用的例子，大家也方便用在自己的项目中，这样将大大丰富Foxtable的图表功能。
 回到顶部
帅哥哟，离线，有人找我吗？
天若千颖
 小大  15楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：三尾狐 帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00 		  发帖心情 Post By：2017/7/20 8:20:00 [只看该作者]

 Echart是基于浏览器的图表插件，可以用Foxtable内置的Webbrowser来打开，我看Echart的代码也并不复杂，数据调用的格式也很规范。
 
 http://echarts.baidu.com/gallery/editor.html?c=doc-example/line-stack-tiled

  xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '成交',
        type: 'line',
        smooth: true,
        data: [10, 12, 21, 54, 260, 830, 710]
    },

 
   如果是普通开发版，如何替换成Foxtable表格中的数据？普通开发版没有HttpRequest事件。

[此贴子已经被作者于2017/7/20 8:26:20编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  16楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

以下是引用天若千颖在2017/7/20 8:20:00的发言：
 Echart是基于浏览器的图表插件，可以用Foxtable内置的Webbrowser来打开，我看Echart的代码也并不复杂，数据调用的格式也很规范。
 
 http://echarts.baidu.com/gallery/editor.html?c=doc-example/line-stack-tiled

 
   如果是普通开发版，如何替换成Foxtable表格中的数据？普通开发版没有HttpRequest事件。

[此贴子已经被作者于2017/7/20 8:26:20编辑过]

 

参考 http://www.foxtable.com/mobilehelp/scr/0167.htm

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


加好友 发短信
等级：三尾狐 帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00 		  发帖心情 Post By：2017/7/20 12:47:00 [只看该作者]

也就是说Echart即使Foxtable的普通开发版，也能集成到Foxtable里面使用？

如果是这样的话，我就研究研究，以后作图的种类就多太多了。
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  18楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


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

以下是引用天若千颖在2017/7/20 12:47:00的发言：
也就是说Echart即使Foxtable的普通开发版，也能集成到Foxtable里面使用？

如果是这样的话，我就研究研究，以后作图的种类就多太多了。

 

是的，任意版本都能用。
 回到顶部
帅哥哟，离线，有人找我吗？
zhy400137
 小大  19楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：五尾狐 帖子：1131 积分：8199 威望：0 精华：0 注册：2013/11/3 19:00:00 		  发帖心情 Post By：2017/7/20 16:51:00 [只看该作者]

app.title = '极坐标系下的堆叠柱状图';

option = {
    angleAxis: {
        type: 'category',
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        z: 10
    },
    radiusAxis: {
    },
    polar: {
    },
    series: [{
        type: 'bar',
        data: [1, 2, 3, 4, 3, 5, 1],
        coordinateSystem: 'polar',
        name: 'A',
        stack: 'a'
    }, {
        type: 'bar',
        data: [2, 4, 6, 1, 3, 2, 1],
        coordinateSystem: 'polar',
        name: 'B',
        stack: 'a'
    }, {
        type: 'bar',
        data: [1, 2, 3, 4, 1, 2, 5],
        coordinateSystem: 'polar',
        name: 'C',
        stack: 'a'
    }],
    legend: {
        show: true,
        data: ['A', 'B', 'C']
    }
};

测试了下，这样的好像不行呢
 回到顶部
帅哥哟，离线，有人找我吗？
zhy400137
 小大  20楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：五尾狐 帖子：1131 积分：8199 威望：0 精华：0 注册：2013/11/3 19:00:00 		  发帖心情 Post By：2017/7/20 16:52:00 [只看该作者]

另外，用ＪＳＯＮ将数据如何整合进去，老师能不能给个完成的实例，我们还是太笨。

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