如何实现点击菜单联动指标卡、点击指标卡唤起弹窗的交互效果?
1 天前

多级组件联动是可视化大屏提升数据探查效率的核心交互能力,菜单、指标卡、弹窗的串联使用可实现逐层下钻分析。针对大家普遍关心的”点击菜单联动指标卡、点击指标卡唤起弹窗”交互实现问题,下文梳理完整配置思路与操作步骤。


1.添加“横向/纵向菜单”“基础指标卡”“弹窗”“基础文本组件”至项目中,同时将基础单行文本和弹窗合并成组。


2.选中纵向菜单,在“样式”中,将“选项设置”改为“来自数据”


接着在“数据”配置栏勾选数据,同时开启“联动其他组件”,这里联动的是基础指标卡。


3.选中指标卡,在“数据”配置栏勾选数据,同时开启“联动其他组件”“受其他组件联动”,这里联动的是弹窗。


接着在添加“交互”,触发“点击”事件,执行“控制弹窗”动作且动作为“打开弹窗”


4.选中弹窗下的基础单行文本,在“样式”配置栏将“文本”“生成数据字段”


接着,在“数据”配置栏勾选数据,同时开启“受其他组件联动”


展示效果如下:

朝乐 朝乐

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5