在数据可视化与大屏配置中,下拉菜单与项目参数的联动是提升交互灵活性的关键环节。本文将介绍如何通过动态值公式实现下拉菜单与项目参数的关联,使菜单选项变化时自动同步更新项目参数,为后续数据筛选、场景切换等交互功能提供基础支持。
1.在左侧组件库中添加“基础下拉菜单”组件至项目中。
接着在右侧“样式”配置栏中,将“选项设置”修改为“来自数据”。
接着勾选相关数据至基础下拉菜单中。
2.在左上角“项目”中选择“项目设置”,点击“项目参数”并“添加参数”,通过参数传递实现项目参数的灵活配置与修改。
3.选择基础下拉菜单,在右侧配置栏中,添加“交互”,触发“选中”事件,执行“空动作”,此操作旨在通过触发交互获取结果,步骤简洁易上手。
接着在右下角,点击“调试面板”,选择“系统信息输出”即可查看对应参数信息。
4.继续添加交互,触发“选中”事件,执行“修改项目参数”动作,选择上述添加的参数名称,点击标识,将其修改为“自定义公式”,这里的公式参考如下:{:payload.row.xx},xx 表示需要修改的字段名称。
5.在数据源中配置项目参数后,后续可基于该参数灵活实现各类业务逻辑与数据交互。更多信息可参考此教程:项目参数 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化
展示效果如下:
更多数字孪生可视化干货内容等你发现
了解更多内容
评论0