在山海鲸可视化项目中实现不同子看板之间的数据传递,可通过以下方法完成:
一、使用项目参数(全局变量)传递数据
创建项目参数
在项目设置中添加全局参数,用于存储需要传递的数据山海鲸可视化。参数可通过以下方式使用:
在看板 A 中更新参数值
通过交互设置修改参数:
- 触发事件:例如,在看板 A 的按钮组件上设置 “点击” 事件,选择动作 “修改项目参数”,将目标参数值设置为需要传递的数据。
- 二开代码:通过 JavaScript 直接修改参数值(需在组件的二次开发代码中实现)。
在看板 B 中绑定参数
在看板 B 的组件数据源设置中,将字段关联到项目参数。例如,文本组件的内容设置为 {{project_param}}
,或图表组件的筛选条件引用该参数。
二、利用数据联动实现跨看板更新
共享数据源
将需要传递的数据存储在 “看板公共数据” 中(例如 Excel 文件或 API 数据源),确保看板 A 和看板 B 均引用同一数据源。
在看板 A 中更新数据
通过组件交互(如表单提交、按钮点击)修改公共数据的值。例如,使用输入框组件更新某条记录的字段值。
在看板 B 中绑定数据
在看板 B 的组件中,将数据源设置为公共数据,并开启 “受其他组件联动” 开关。当看板 A 更新数据时,看板 B 的组件会自动刷新显示。
三、通过交互动作传递数据
设置跨看板交互
在看板 A 中添加交互:
- 事件:例如 “按钮点击” 或 “数据变化”。
- 动作:选择 “子大屏跳转”,并在参数中携带数据。
在看板 B 中解析参数
在看板 B 的组件数据源设置中,通过 URL 参数解析传递的数据。例如,使用 JavaScript 获取 URL 中的 id
参数,并将其作为筛选条件山海鲸可视化。