【数字孪生实战案例】怎样设置交互,实现点击菜单同步筛选指标卡,点击指标卡后弹出弹窗?~山海鲸可视化

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