You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

事件交互

最近更新时间2023.05.26 19:51:47

首次发布时间2022.08.24 20:28:01

1. 概述

为满足数据大屏复杂、多样的交互设计需求,数据大屏产品的“事件系统”功能,提供低代码能力,让用户可以通过配置的方式满足例如:点击打开链接、切换页面、展示隐藏元素、联动筛选图表、改变元素位置等需求。
alt

2. 快速入门

1.在大屏画布中增加组件
alt
2.选中该组件,在右侧交互框中选择新建交互按钮。
alt
3.可以选择点击或加载完成,之后点击新增响应。
alt
4.根据目标场景选择响应方式即可,详细说明见响应
alt
如下视频演示了一个“点击之后改变文本内容”的案例:

3. 事件交互

事件交互功能模块的设计逻辑与人的思考方式一致:当发生什么时,做什么事。

  • 希望点击某个按钮打开链接,那背后的配置逻辑就是 “按钮” → “点击时” → “打开链接”;
  • 希望页面打开10秒后跳转到下一页,背后的配置逻辑就是 “页面” → “加载完成时” → “10s后” → “切换页面”。

说明

不同的组件能够触发的事件有所不同,但基本都会有“点击时”与“加载完成时”这两个事件。各组件支持的事件,会在选中组件后切换到“交互”标签页,点击“新建交互”时展示。

4. 响应

“发生什么”时“做什么事”,这里的“做什么事”就是事件系统的“响应”部分,例如打开链接、隐藏元素等。大屏提供以下响应功能列表:

  • 打开链接

  • 设置元素属性

  • 切换面板状态

  • 变更轮播状态

  • GIS下钻

  • 设置筛选项

4.1 打开链接

打开链接可以配置一个网址,从而在触发事件后打开一个其他的页面,例如从大屏指标跳转到分析仪表盘,或数据统计口径的飞书文档。

4.2 设置元素属性

设置元素属性可以改变相应属性在查看时的展示,例如将一个矩形的背景色彩改为黄色,或将一个标题的位置从0改到100等。除了样式属性外,文本有特殊的“文本”属性,当其被改变时会变更文本的显示内容。每个元素可改变的属性各不相同,在选中元素后,可选的属性列表会对其进行罗列。
当一次需要调整多个属性时,可以点击“新增属性”进行新增,选择其他的属性进行变更。

4.3 切换面板状态

标签页、轮播器、重复器、表格等有分页特性,可以进行分页表现的组件被称为“动态面板”,切换面板状态意为给某个相应的元素换页。举例来说,制作一个手动切换的标签页,需要有两个按钮,分别是“上一页”与“下一页”,此时就通过“切换面板状态”来对目标元素进行切换。

4.4 变更轮播状态

面向轮播器组件生效,可以改变其播放、中断动作。

4.5 GIS 下钻

面向GIS组件生效,可以在地理信息上下钻到某个省。如果需要向上钻取则填入 -1 即可。

4.6 设置筛选项

设置筛选项面向所有配置了数据集作为数据来源的图表或其他数据表现组件,例如翻牌器、重复器等。设置筛选项是在大屏场景下实现图表联动的方法,即“改变某个图表的筛选条件,并重新请求数据”。

详细内容可以参照 更新筛选器行为