文档首页 / 交互蓝图与动作

交互蓝图与动作

用「事件 → 条件 → 动作」节点编排联动:常用编排、8 类事件、条件判断、11 类动作、执行规则与边界。

概述

「交互」页签里的联动是一条「什么时候 → 做什么」。当需要条件判断(点了哪一层才执行)、定时执行、页面加载时执行、监听变量变化,或者一个事件接一串动作时,用交互蓝图:把「事件」「条件」「动作」三类节点连成图,运行页解释执行。大多数联动一行清单就写得下,不必上蓝图。

功能入口

工具栏「交互」打开「交互总览」,切到「编排图」。顶部提示:「条件判断 / 定时器 / 变量变化 —— 清单表达不了的在这里配」。

编排图界面:

区域 说明
页面筛选 下拉「全部页面」,可按页面查看节点
「检查连线」 高亮从事件节点能走到的路径,不执行动作
「导入现有联动」 把组件上已有的联动导入蓝图,并从组件移除,避免重复执行
「常用编排」 一点即放上成对的事件与动作,连线已接好
「自己搭」 「+ 事件」「+ 条件」「+ 动作」添加节点
属性区 选中节点或连线后编辑属性

操作步骤

用常用编排

  1. 在「常用编排」点一项。当前有四种:「点击组件 → 打开明细弹窗」「点击图表项 → 联动本页」「点击图表项 → 高亮同名项」「点击组件 → 切换页面」。
  2. 事件与动作成对落在画布上,系统会按本页情况自动填好能确定的项,剩下的(选来源组件、目标页面或变量)在属性区补上。

自己搭一条带条件的链路

  1. 点「+ 事件」,在属性区选「事件类型」,需要来源组件的选「来源组件」。
  2. 点「+ 条件」,设置判断对象、比较与值。
  3. 点「+ 动作」,选「动作类型」并填参数。
  4. 从节点的圆点拖到另一个节点连线;点选连线,在「条件分支(源为条件节点时生效)」选 true 或 false。选中节点或连线按 Backspace 删除,也可用「删除该节点」「删除该连线」。
  5. 点「检查连线」确认每个动作都能从某个事件走到。

属性/参数说明

事件节点

事件类型 说明 附加设置
点击组件 / 双击组件 / 悬停组件 组件上的手势 来源组件
点击数据项(图表项 / 表格行) 只有图表、排行、表格发出 来源组件
地图下钻(下钻 / 面包屑回退) 只有地图发出 来源组件
页面加载 运行页加载完成时触发 无
定时器 按间隔重复触发 间隔(毫秒),运行时最小 200
变量变化 指定变量的值变化时触发 监听变量

选了发不出该事件的来源组件,下拉里会标「发不出该事件」,并提示这条编排永远不会触发。

条件节点

属性 说明 取值
判断对象 判断什么 变量、事件载荷
变量 / 载荷字段 判断对象为变量时选变量;为事件载荷时选字段 载荷字段:name(点击项名称 / 行政区名)、value(点击项数值 / 行政区编码)、seriesName(系列名 / 下钻层级)、adcode、level(root / province / city / district)、path(下钻路径,斜杠分隔),后三项用于地图下钻
比较 比较符 等于、不等于、大于、小于、包含
值 用于比较的值 文本;大于、小于按数字比较,其余按文本比较

条件节点的出边可设为 true 或 false 分支:条件成立走 true 边,不成立走 false 边;未标分支的出边总会走。

动作节点

动作类型下拉按组分类:

分组 动作 参数
组件 显示组件、隐藏组件、显隐切换 目标组件
组件 高亮联动 无,需要由「点击数据项」事件触发
数据 设置变量 变量、取值(固定值、点击项名称、点击项数值、点击项系列名、点击行字段)、固定值或取值字段
数据 重置变量 变量
数据 过滤数据集 数据集、匹配字段、取值(同上)、固定值或取值字段
数据 刷新数据 数据集,留空为全部
导航 切换页面 目标页面
导航 打开弹窗页 目标页面
导航 打开链接 链接,新标签页打开

执行规则

规则 说明
触发 事件发生时,从所有匹配的事件节点开始,沿连线广度优先执行
去重 一次执行里每个节点只运行一次,环形连线不会死循环
步数上限 单次执行最多处理 500 个节点
防回环 蓝图执行引起的变量变化不会立刻再次触发变量变化事件
定时器 间隔小于 200 毫秒按 200 毫秒执行
页面加载 运行页加载后执行一次

示例

「下钻到省级时才显示省级排行榜」:

  1. 页面上放地图 A 和排行 B,B 设为隐藏(「基础」里「可见」关)。
  2. 打开「编排图」,「+ 事件」,事件类型选「地图下钻」,来源组件选 A。
  3. 「+ 条件」,判断对象选「事件载荷」,载荷字段选 level,比较选「等于」,值填 province。
  4. 「+ 动作」两个:一个「显示组件」目标 B,一个「隐藏组件」目标 B。
  5. 事件连到条件;条件连到「显示组件」并把这条连线的条件分支设为 true,条件连到「隐藏组件」并设为 false。
  6. 预览:地图下钻到省时排行 B 显示,回到全国或下钻到市时隐藏。

注意事项

注意:条件比较的值是文本;变量与事件载荷都按文本转换后再比较,大于、小于才按数字比较。

注意:蓝图里引用了已删除的组件不会报错,只是那条联动永远不触发。用「自检」的「交互引用完整性」检查。

注意:大屏定位是挂墙展示的轻交互,自检的「大屏边界」建议轻交互入口不超过 3 个、最多 4 个,交互层级不超过 3 层,见自检与快捷键。

提示:「导入现有联动」会把组件上的联动搬进蓝图并从组件移除,导入前会二次确认。

相关文档

联系我们

请填写您的信息,我们将在 1 个工作日内与您联系。