交互蓝图与动作
用「事件 → 条件 → 动作」节点编排联动:常用编排、8 类事件、条件判断、11 类动作、执行规则与边界。
概述
「交互」页签里的联动是一条「什么时候 → 做什么」。当需要条件判断(点了哪一层才执行)、定时执行、页面加载时执行、监听变量变化,或者一个事件接一串动作时,用交互蓝图:把「事件」「条件」「动作」三类节点连成图,运行页解释执行。大多数联动一行清单就写得下,不必上蓝图。
功能入口
工具栏「交互」打开「交互总览」,切到「编排图」。顶部提示:「条件判断 / 定时器 / 变量变化 —— 清单表达不了的在这里配」。
编排图界面:
| 区域 | 说明 |
|---|---|
| 页面筛选 | 下拉「全部页面」,可按页面查看节点 |
| 「检查连线」 | 高亮从事件节点能走到的路径,不执行动作 |
| 「导入现有联动」 | 把组件上已有的联动导入蓝图,并从组件移除,避免重复执行 |
| 「常用编排」 | 一点即放上成对的事件与动作,连线已接好 |
| 「自己搭」 | 「+ 事件」「+ 条件」「+ 动作」添加节点 |
| 属性区 | 选中节点或连线后编辑属性 |
操作步骤
用常用编排
- 在「常用编排」点一项。当前有四种:「点击组件 → 打开明细弹窗」「点击图表项 → 联动本页」「点击图表项 → 高亮同名项」「点击组件 → 切换页面」。
- 事件与动作成对落在画布上,系统会按本页情况自动填好能确定的项,剩下的(选来源组件、目标页面或变量)在属性区补上。
自己搭一条带条件的链路
- 点「+ 事件」,在属性区选「事件类型」,需要来源组件的选「来源组件」。
- 点「+ 条件」,设置判断对象、比较与值。
- 点「+ 动作」,选「动作类型」并填参数。
- 从节点的圆点拖到另一个节点连线;点选连线,在「条件分支(源为条件节点时生效)」选 true 或 false。选中节点或连线按
Backspace删除,也可用「删除该节点」「删除该连线」。 - 点「检查连线」确认每个动作都能从某个事件走到。
属性/参数说明
事件节点
| 事件类型 | 说明 | 附加设置 |
|---|---|---|
| 点击组件 / 双击组件 / 悬停组件 | 组件上的手势 | 来源组件 |
| 点击数据项(图表项 / 表格行) | 只有图表、排行、表格发出 | 来源组件 |
| 地图下钻(下钻 / 面包屑回退) | 只有地图发出 | 来源组件 |
| 页面加载 | 运行页加载完成时触发 | 无 |
| 定时器 | 按间隔重复触发 | 间隔(毫秒),运行时最小 200 |
| 变量变化 | 指定变量的值变化时触发 | 监听变量 |
选了发不出该事件的来源组件,下拉里会标「发不出该事件」,并提示这条编排永远不会触发。
条件节点
| 属性 | 说明 | 取值 |
|---|---|---|
| 判断对象 | 判断什么 | 变量、事件载荷 |
| 变量 / 载荷字段 | 判断对象为变量时选变量;为事件载荷时选字段 | 载荷字段:name(点击项名称 / 行政区名)、value(点击项数值 / 行政区编码)、seriesName(系列名 / 下钻层级)、adcode、level(root / province / city / district)、path(下钻路径,斜杠分隔),后三项用于地图下钻 |
| 比较 | 比较符 | 等于、不等于、大于、小于、包含 |
| 值 | 用于比较的值 | 文本;大于、小于按数字比较,其余按文本比较 |
条件节点的出边可设为 true 或 false 分支:条件成立走 true 边,不成立走 false 边;未标分支的出边总会走。
动作节点
动作类型下拉按组分类:
| 分组 | 动作 | 参数 |
|---|---|---|
| 组件 | 显示组件、隐藏组件、显隐切换 | 目标组件 |
| 组件 | 高亮联动 | 无,需要由「点击数据项」事件触发 |
| 数据 | 设置变量 | 变量、取值(固定值、点击项名称、点击项数值、点击项系列名、点击行字段)、固定值或取值字段 |
| 数据 | 重置变量 | 变量 |
| 数据 | 过滤数据集 | 数据集、匹配字段、取值(同上)、固定值或取值字段 |
| 数据 | 刷新数据 | 数据集,留空为全部 |
| 导航 | 切换页面 | 目标页面 |
| 导航 | 打开弹窗页 | 目标页面 |
| 导航 | 打开链接 | 链接,新标签页打开 |
执行规则
| 规则 | 说明 |
|---|---|
| 触发 | 事件发生时,从所有匹配的事件节点开始,沿连线广度优先执行 |
| 去重 | 一次执行里每个节点只运行一次,环形连线不会死循环 |
| 步数上限 | 单次执行最多处理 500 个节点 |
| 防回环 | 蓝图执行引起的变量变化不会立刻再次触发变量变化事件 |
| 定时器 | 间隔小于 200 毫秒按 200 毫秒执行 |
| 页面加载 | 运行页加载后执行一次 |
示例
「下钻到省级时才显示省级排行榜」:
- 页面上放地图 A 和排行 B,B 设为隐藏(「基础」里「可见」关)。
- 打开「编排图」,「+ 事件」,事件类型选「地图下钻」,来源组件选 A。
- 「+ 条件」,判断对象选「事件载荷」,载荷字段选
level,比较选「等于」,值填province。 - 「+ 动作」两个:一个「显示组件」目标 B,一个「隐藏组件」目标 B。
- 事件连到条件;条件连到「显示组件」并把这条连线的条件分支设为 true,条件连到「隐藏组件」并设为 false。
- 预览:地图下钻到省时排行 B 显示,回到全国或下钻到市时隐藏。
注意事项
注意:条件比较的值是文本;变量与事件载荷都按文本转换后再比较,大于、小于才按数字比较。
注意:蓝图里引用了已删除的组件不会报错,只是那条联动永远不触发。用「自检」的「交互引用完整性」检查。
注意:大屏定位是挂墙展示的轻交互,自检的「大屏边界」建议轻交互入口不超过 3 个、最多 4 个,交互层级不超过 3 层,见自检与快捷键。
提示:「导入现有联动」会把组件上的联动搬进蓝图并从组件移除,导入前会二次确认。