[分享]百度ECharts使用示例 - 专家坐堂 - Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

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

共有26627人关注过本帖树形打印复制链接主题：[分享]百度ECharts使用示例

有点甜

小大 21楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：版主帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00

Post By：2017/7/20 17:01:00 [只看该作者]

以下是引用zhy400137在2017/7/20 16:52:00的发言：
另外，用ＪＳＯＮ将数据如何整合进去，老师能不能给个完成的实例，我们还是太笨。

每一种图表需要生成的json数据都是不同的。完完整整看完这个帖子的例子，看完整个帖子的代码。

或者上传实例说明问题。

天若千颖

小大 22楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：三尾狐帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00

Post By：2017/7/20 17:03:00 [只看该作者]

对，版主提供一个完整的例子吧，用Foxtable中的表格中的数据绘图，也是对Foxtable图表功能的一大扩展，也方便大家临摹。

有点蓝

小大 23楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：超级版主帖子：106069 积分：539444 威望：0 精华：9 注册：2015/6/24 9:21:00

Post By：2017/7/20 18:06:00 [只看该作者]

看懂1楼的例子就知道是怎么一回事了。你需要学一点js/ajex的知识

[此贴子已经被作者于2017/7/20 18:06:38编辑过]

qwz405

小大 24楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：二尾狐帖子：522 积分：5027 威望：0 精华：0 注册：2015/4/15 15:25:00

Post By：2017/7/21 11:38:00 [只看该作者]

老师，您好．

如何将下图table中数据，合成1楼所示json数据

1楼例子：{categories:["1","2","3","4","5","6"],data:[12, 8, 7, 18, 22, 21]}

合成代码不会写：

Dim jo As New JObject

Dim ja1 As New JArray '定义数组

Dim ja2 As New JArray '定义数组

For Each dr As DataRow In DataTables("表A").DataRows

Dim a1 As String = dr("月份")

Dim a2 As Integer = dr("数量")

Dim j1 As new JObject

j1("categories") = a1

Dim j2 As new JObject

j2("data") = a2

ja1.Add(j1)

ja2.Add(j2)

jo("categories") = ja1

jo("data") = ja2

json = jo("categories").ToString & jo("data").ToString

此主题相关图片如下：123.jpg

[此贴子已经被作者于2017/7/21 11:38:11编辑过]

有点蓝

小大 25楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：超级版主帖子：106069 积分：539444 威望：0 精华：9 注册：2015/6/24 9:21:00

Post By：2017/7/21 20:25:00 [只看该作者]

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("数量"))

jo("categories") = ja1

jo("data") = ja2

json = jo.ToString

天若千颖

小大 26楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：三尾狐帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00

Post By：2017/7/24 15:56:00 [只看该作者]

蓝版，你好，如果这个例子，是不是可以采用如下方案集成到Foxtable中。

http://echarts.baidu.com/gallery/editor.html?c=bar-tick-align 把下载得到的DEMO的全部代码保存到Foxtable表格中，其中一下红色部分要修改

xAxis : [

{

type : 'category',

Date：#XData1#， ‘需要用通配符如#XDate1#替换 ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],

axisTick: {

alignWithLabel: true

}

yAxis : [

{

type : 'value'

}

series : [

{

name:'直接访问',

type:'bar',

barWidth: '60%',

Data：#Data2# '通配符#Data2替换 [10, 52, 200, 334, 390, 330, 220]

}

]

在绘图的时候，直接读取表格中的上述代码并把上述内容并使用ja1.Tostring和Ja2.Tostring去Replace#Data1#和Date2，连续替换两次。

需要这样去替换吗？

但是有的数据是有单引号，有的数据没有引号（如上面Data2的数据），json如何能让解吸出来的数据没有引号？

[此贴子已经被作者于2017/7/24 15:56:36编辑过]

有点蓝

小大 27楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：超级版主帖子：106069 积分：539444 威望：0 精华：9 注册：2015/6/24 9:21:00

Post By：2017/7/24 23:08:00 [只看该作者]

测试一下就知道答案了

天若千颖

小大 28楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：三尾狐帖子：682 积分：4871 威望：0 精华：0 注册：2014/6/15 16:01:00

Post By：2017/7/25 9:01:00 [只看该作者]

思路先放这里吧，有空再来折腾，感觉Echart集成到Foxtable不是特方面，不同的图数据引用格式不一样，做起来很麻烦。

有点甜

小大 29楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：版主帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00

Post By：2017/7/25 10:11:00 [只看该作者]

以下是引用天若千颖在2017/7/25 9:01:00的发言：
思路先放这里吧，有空再来折腾，感觉Echart集成到Foxtable不是特方面，不同的图数据引用格式不一样，做起来很麻烦。

你可以做个txt模板，然后把模板的字符替换成你自己的字符，就好了，这样比直接用js生成要简单一些。

zhy400137

小大 30楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：五尾狐帖子：1131 积分：8199 威望：0 精华：0 注册：2013/11/3 19:00:00

Post By：2017/7/25 10:27:00 [只看该作者]

能否弄个稍复杂图表的示例，谢谢！

下一主题 >> << 上一主题

总数 48 上一页 1 2 3 4 5 下一页

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