这个技能,让可视化大屏开挂了

1714
1

辰哥 管理员

发表于2019-10-9 09:42

楼主
开挂!这个技能~
亿信酷屏的炫酷效果我们已经展示过不少,今天我们来上点干货!话不多说,先上图为敬!

联动.gif

没错,看,仔细看,这就是传说中的大屏联动!~

实际上这是一个非常简单的小例子,很容易上手,点击中心主图围绕着的小球,左上角发光柱状图随之变化。下面,我们一步步来看是怎么实现的。

第一步:做好表格
截图201910090940266889.png

第二步:确定联动依据
联动时,我们需要一个依据作为参数,例如时间,地区,性别,年龄、id等都是常见的联动刷新参数,这里我们以id为例。

第三步:写过滤条件
左上角的发光柱状图的数据是依赖表格1进行展示的,所以我们找到表格1,点击联动依据所在的表元,写过滤条件<#=mkfilter("F_CPUNCFPQS.CODE=@code")#>。
截图201910090940401880.png

联动的过程实际上是,通过点击的操作,得到参数值,表元根据过滤条件和参数值进行计算,得到数据,最后,需要联动的组件通过脚本重新刷新渲染,将这些数据展示出来。
此次例子中的过滤条件为<#=mkfilter("主题表字段名称=@code")#>,其中@code是我们自己取的参数名称,过一会儿会在点击事件的脚本中用到。

第四步:写点击事件脚本
这一步因为有“脚本”这个词,所以听上去非常高级,但是大家不要被表象所迷惑,觉得难就害怕去动手,听小编慢慢说(一共也就一行,再慢也不过2分钟说完)

先看一下完整脚本,长这样:
截图201910090940561888.png
选中需要设置点击事件的组件,去属性面板中找到对应位置,然后你会发现,弹出的脚本对话框长这样:
截图201910090941097334.png
所以,实际上需要我们写的只有一行。而calc_Special_Widget接口是内置实现好的,格式长这样:calc_Special_Widget(new EUI.Map("calc_widget_id=表格/统计图的代号;参数名=参数值"))
也就是说,真正需要我们操心的,只有红色标记的那部分。
代号——组件唯一标识符,选中组件看属性面板:HHH24
截图201910090941205718.png
参数名自己取,这次是@code,参数值ele.id是点击对象的id,然后就。。。搞定了

是不是看起来复杂,实际上很简单呢,难的部分都已经封装好了,直接上手拿着用就行了~
小伙伴们还在等什么呢?赶紧动手试试吧!~~

最近看过此主题的会员

liu20220622

zrn

ihthis

三余无梦生2333

HHH2023

百事不可乐

18515889467

sdhausfhsa

huangXX

summer01

wyd1014

hee

shuzy

淑离

明明如月

341

1个回答

只看楼主

瑞艾 数据达人Lv4

发表于2019-10-9 17:58

只看该作者

取消 关注该作者的回复

沙发

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号