组件交互事件:设置变量、打开窗口与弹出层
交互事件让标题、图片或图表容器触发操作。选中组件,在容器设置中打开「事件设置」,添加监听事件、执行操作和操作参数。
设置环境变量
选择「点击」与「设置环境变量」,参数用变量名和值,通过竖线分隔:
area|east
先在项目环境变量中建立 area。更新已有变量后可触发 API 数据源刷新;API URL 需要引用该变量,才能影响实际取数结果。
打开新窗口
选择「打开新窗口」,参数可以填写:
https://example.com/report|_blank
第一个参数是地址,第二个为窗口目标。使用自己的报表或业务页面,并在预览中验证能否访问。浏览器可能限制非用户主动触发的新窗口;不应只在编辑器里测试。
打开弹出层
先创建并保存用于展示详情的可视化内容,再选择「打开弹出层」,参数填写该内容的 UUID。它不是标题文字,也不是随意编号。
弹出层使用目标内容的尺寸和设计配置。建议为详情单独设计合适大小,并核对涉及的数据源与资源。
优先使用点击验证
为稳定完成基础交互,优先配置点击。使用右键或双击前,先在当前版本的最终预览中确认实际响应,再决定是否用于交付页面。
排查顺序
检查监听事件 → 执行操作 → 竖线参数 → 变量或目标内容是否存在 → 最终预览。参数中的竖线是分隔符,不适合直接放入含同类分隔符的任意业务值。