多级组件联动是可视化大屏提升数据探查效率的核心交互能力,菜单、指标卡、弹窗的串联使用可实现逐层下钻分析。针对大家普遍关心的”点击菜单联动指标卡、点击指标卡唤起弹窗”交互实现问题,下文梳理完整配置思路与操作步骤。
1.添加“横向/纵向菜单”,“基础指标卡”,“弹窗”和“基础文本组件”至项目中,同时将基础单行文本和弹窗合并成组。
2.选中纵向菜单,在“样式”中,将“选项设置”改为“来自数据”。
接着在“数据”配置栏勾选数据,同时开启“联动其他组件”,这里联动的是基础指标卡。
3.选中指标卡,在“数据”配置栏勾选数据,同时开启“联动其他组件”和“受其他组件联动”,这里联动的是弹窗。
接着在添加“交互”,触发“点击”事件,执行“控制弹窗”动作且动作为“打开弹窗”。
4.选中弹窗下的基础单行文本,在“样式”配置栏将“文本”“生成数据字段”。
接着,在“数据”配置栏勾选数据,同时开启“受其他组件联动”。
展示效果如下:
更多数字孪生可视化干货内容等你发现
了解更多内容
评论0