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

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

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

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

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

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

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

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

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

展示效果如下: