若要在山海鲸可视化项目中实现不同子看板之间的数据传递,例如从看板 A 传递特定数据到看板 B 并用于更新组件显示,该如何操作 ?
2025-07-25 17:38
浏览:109
为什么被折叠? 0 个回复被折叠

回答(1)

阳春 前台管理员
3 天前
在山海鲸可视化项目中实现不同子看板之间的数据传递,可通过以下方法完成:

一、使用项目参数(全局变量)传递数据

  1. 创建项目参数
    在项目设置中添加全局参数,用于存储需要传递的数据山海鲸可视化。参数可通过以下方式使用:
  2. 在看板 A 中更新参数值
    通过交互设置修改参数:
    • 触发事件:例如,在看板 A 的按钮组件上设置 “点击” 事件,选择动作 “修改项目参数”,将目标参数值设置为需要传递的数据。
    • 二开代码:通过 JavaScript 直接修改参数值(需在组件的二次开发代码中实现)。
  3. 在看板 B 中绑定参数
    在看板 B 的组件数据源设置中,将字段关联到项目参数。例如,文本组件的内容设置为 {{project_param}},或图表组件的筛选条件引用该参数。

二、利用数据联动实现跨看板更新

  1. 共享数据源
    将需要传递的数据存储在 “看板公共数据” 中(例如 Excel 文件或 API 数据源),确保看板 A 和看板 B 均引用同一数据源。
  2. 在看板 A 中更新数据
    通过组件交互(如表单提交、按钮点击)修改公共数据的值。例如,使用输入框组件更新某条记录的字段值。
  3. 在看板 B 中绑定数据
    在看板 B 的组件中,将数据源设置为公共数据,并开启 “受其他组件联动” 开关。当看板 A 更新数据时,看板 B 的组件会自动刷新显示。

三、通过交互动作传递数据

  1. 设置跨看板交互
    在看板 A 中添加交互:
    • 事件:例如 “按钮点击” 或 “数据变化”。
    • 动作:选择 “子大屏跳转”,并在参数中携带数据。
  2. 在看板 B 中解析参数
    在看板 B 的组件数据源设置中,通过 URL 参数解析传递的数据。例如,使用 JavaScript 获取 URL 中的 id 参数,并将其作为筛选条件山海鲸可视化。
咨询热线0571-88650917
地址 公司 邮箱

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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