登录/注册

首页 › 活字格专区 › 格友杂谈 › 查看内容

44 主题	502 帖子	2596 积分

积分: 2596

1902
金币
44
主题
502
帖子

最新发帖

[资源分享] 用组件实现的Echarts仪表盘

lovert
银牌会员 / 发表于：2022-9-20 22:51 / 查看：6177 / 回复：13

本帖最后由 lovert 于 2022-9-21 09:43 编辑

这个里面有一个获取占位单元格div的id的插件

image.png849542236.png

image.png849542236.png

这个插件的作用是把当前单元格div的id填入当前单元格内，通过获取该单元格的值来获取占位div
image.png655910949.png

image.png655910949.png

image.png663222350.png

同时给上面两个编辑命令添加下面的的命令
设置变量命令div获取的是echart图表占位的单元格的值，这个单元格设置的是GetDivid插件，就是这个单元格的div容器的id
设置变量命令num获取的是输入框的值，获取输入的数值
然后下面的js代码就是获取设置变量div和num的值
divid=Forguncy.CommandHelper.getVariableValue("div");
var n=Forguncy.CommandHelper.getVariableValue("num");
image.png806036376.png

image.png806036376.png

录制_2022_09_20_22_46_20_76.gif410133056.png

希望大家照猫画虎通过Examples - Apache ECharts制作更多的图表组件
下面是echarts入门教程
ECharts教程
需要注意的是，使用这种方法在调用 echarts.init 时需保证容器已经有宽度和高度了。

6.95 KB, 下载次数: 572

获取当前单元格DIV id插件

echart图表使用组件应用实例.fgcc

403.13 KB, 下载次数: 57

售价: 30 金币 [记录]

评分

参与人数 7	金币 +888	满意度 +30	收起理由
sz_xd		+ 5
SimonPortgas		+ 5
Chelsey.Wang	+ 888		赞一个!
Alink		+ 5
leilei6120		+ 5
赛龙周		+ 5
13794930121		+ 5

查看全部评分

收藏

回复

13 个回复

正序浏览

siwicloud
中级会员 / 发表于：2023-5-25 08:28:04 15^#

不懂也牛逼

回复 使用道具举报

Brian.Zhang
超级版主 / 发表于：2023-5-24 15:06:47 14^#

看着不错，9.0支持组件导入导出了，推荐您可以上架到葡萄城市场

回复 使用道具举报

Brian.Zhang
超级版主 / 发表于：2023-3-27 17:24:57 13^#

大佬您的demo挺受大家欢迎呀，不上架到葡萄城市场岂不是可惜了，会有更多格友可以看到，定价嘛，免费或者收费您说了算

有疑问找我就行
https://marketplace.grapecity.com.cn

回复 使用道具举报

明远 
金牌服务用户 / 发表于：2022-10-8 22:25:58 12^#

感谢分享！

回复 使用道具举报

小崽子
注册会员 / 发表于：2022-10-8 22:13:23 11^#

感谢分享，这个很实用

回复 使用道具举报

lijiakeji
初级会员 / 发表于：2022-9-24 14:18:40 9^#

学习了，感谢分享！

回复 使用道具举报

137294886
金牌服务用户 / 发表于：2022-9-21 09:20:30 8^#

感谢分享

回复 使用道具举报

lovert
银牌会员 / 发表于：2022-9-21 09:18:48 7^#

muto 发表于 2022-9-21 09:10
牛皮，大佬，百度地图怎么玩呢

https://echarts.apache.org/handbook/zh/get-started/

回复 使用道具举报

muto
高级会员 / 发表于：2022-9-21 09:10:45 6^#

牛皮，大佬，百度地图怎么玩呢

回复 使用道具举报

Tom猫
中级会员 / 发表于：2022-9-21 08:45:07 地板

活字格结合Echarts是一个非常实用的数据展示方法，必须给个大大的赞！

回复 使用道具举报

12 / 2 页下一页