处理逻辑：当轮播列表高亮时，串行数据处理节点会将高亮行对应的网页内容导入至轮播页面进行展示。处理代码：具体如下。return data.data;步骤四：预览结果 组件交互配置完成后，您可单击页面右上角的 预览 普通预览，查看展示结果。
本文介绍事件仪表盘全量选择...在 逻辑节点 页签下，添加1个串行数据处理节点到主画布中。连接组件。配置串行数据处理节点的处理方法。return[{"id":data.id,"context":data.context,"url":data.url }]单击页面右上角的 预览，预览展示结果。
在左侧 逻辑节点 页签，鼠标悬停至串行数据处理节点，单击 图标，添加组件至主画布。按下图连接组件，实现点击轮播列表某行时，导入该行的相应状态至状态卡片。单击串行数据处理节点，配置节点的处理方法。单击轮播列表指定行，状态卡片将...
本文介绍轮播页面组件的图表样式和各配置项的含义。图表样式 轮播页面是基础交互组件的一种，仅支持在数据中配置页面的属性，包括ID、页面名称和...配置串行数据处理节点处理方法。return data.data;单击页面右上角的 图标，预览展示结果。
在连线中添加两个 串行数据处理 节点，分别命名为 小学 和 初中。具体操作方法请参见 配置蓝图编辑器。按照以下说明继续添加其他连线和 串行数据处理 节点。将 小学 的 串行数据处理 节点分别与 民办小学 的 显示 和 隐藏 动作连线。在每条...
在连线中添加两个 串行数据处理 节点，分别命名为 小学 和 初中。具体操作方法请参见 配置蓝图编辑器。按照以下说明继续添加其他连线和 串行数据处理 节点。将 小学 的 串行数据处理 节点分别与 民办小学 的 显示 和 隐藏 动作连线。在每条...
数据处理类节点包括串行数据处理节点。本文介绍在蓝图编辑器中，配置数据处理类节点的方法。串行数据处理节点 串行数据处理 节点，是使用串行方式来处理一个事件。使用场景：例如，小数0.835要转换成整数百分比83%，可经过：单位转换（83.5...
{"id":xxx,"name":"xxx小学","distance":"","public_or_private":"","is_primary":1,"is_middle":0,"is_nursery":0,"is_high":0,"location":"","address":"","logo":""} 使用同样的方式，配置其他四个 串行数据处理 节点，示例代码如下。...
{"id":xxx,"name":"xxx小学","distance":"","public_or_private":"","is_primary":1,"is_middle":0,"is_nursery":0,"is_high":0,"location":"","address":"","logo":""} 使用同样的方式，配置其他四个 串行数据处理 节点，示例代码如下。...
再添加一个串行数据处理节点，并修改事件接口的事件名为 定位锚点屏幕位置改变，将三维城市构建器中的 定位锚点屏幕位置改变时 事件通过串行数据处理节点与事件接口连线，该设置可以完成在三维场景中拖拽缩放时，通过事件接口向外抛出锚点...
在 id=2：初中 的 串行数据处理 节点与 公办初中点 和 民办初中 的连线中分别添加两个 串行数据处理 节点，并分别命名为 schooltype=公办 和 schooltype=民办。串行数据处理 节点添加完成后，最终效果实现双重判断标准，部分截图如下所示。...
在 id=2：初中 的 串行数据处理 节点与 公办初中点 和 民办初中 的连线中分别添加两个 串行数据处理 节点，并分别命名为 schooltype=公办 和 schooltype=民办。串行数据处理 节点添加完成后，最终效果实现双重判断标准，部分截图如下所示。...
再添加一个串行数据处理节点，并修改事件接口的事件名为 定位锚点屏幕位置改变，将三维城市构建器中的 定位锚点屏幕位置改变时 事件通过串行数据处理节点与事件接口连线，该设置可以完成在三维场景中拖拽缩放时，通过事件接口向外抛出锚点...
再添加一个串行数据处理节点，并修改事件接口的事件名为 定位锚点屏幕位置改变，将三维城市构建器中的 定位锚点屏幕位置改变时 事件通过串行数据处理节点与事件接口连线，该设置可以完成在三维场景中拖拽缩放时，通过事件接口向外抛出锚点...
本文以 按钮 组件控制 页面导航 节点...添加一个 串行数据处理 节点到 按钮 和 页面导航 节点的连线之间，并设置 串行数据处理 节点的处理方法。串行数据处理节点处理方法 return { id:'datav-hello' } 单击页面右上角的 图标，预览展示结果。
本文为您介绍在DataV快乐转转转模板...将 转盘抽奖 节点中的 当点击抽奖时 事件与 串行数据处理 的左侧点相连，再将 串行数据处理 右侧点与 组 节点中的 显示 动作连线。实现当单击转盘完成一轮抽奖后，在大屏上显示烟花样式的图片的效果。
本文为您介绍在DataV快乐转转转模板...将 转盘抽奖 节点中的 当点击抽奖时 事件与 串行数据处理 的左侧点相连，再将 串行数据处理 右侧点与 组 节点中的 显示 动作连线。实现当单击转盘完成一轮抽奖后，在大屏上显示烟花样式的图片的效果。
在蓝图编辑器页面，将 图层节点 面板中的 Tab列表 和 通用标题 以及 逻辑节点 面板下的 串行 数据处理 节点拖至画布上。在 逻辑节点 面板中，将 条件判断 节点拖动到画布上并连线到 串行 数据处理 节点之前。选中 条件判断 节点，在右侧的 ...
单击 逻辑节点，添加2个串行数据处理节点到蓝图主画布中。连接组件。配置两个串行数据处理节点处理方法。return {"data":{"x":data.x,"y":data.y,"colorField":data.colorField },"style":{"fillStyle":"#f00"/高亮颜色 } } 单击页面右上角...
连线完成后，每条连线中间会自动添加一个 串行数据处理 节点，将节点分别命名为 提取散点数据 和 地图父组件定位缩放。具体操作方法请参见 什么是蓝图编辑器。将 初中学校列表 和 小学学校列表 的 当点击单行时 事件分别与 提取散点数据 和...
将左侧 图层节点 页签下的按钮节点和 逻辑节点 栏内的 导航 节点和 串行数据处理 节点拖至蓝图画布中。连接组件。配置串行数据处理节点处理方法。return { id:'datav-hello' } 单击 导航 节点，打开右侧 配置面板，在面板的 链接地址 内，...
本文档以 时间器 组件和 通用标题 组件之间...串行数据处理 节点负责将上游抛出的事件内容进行加工处理，传递给 通用标题 组件作为请求时的 query 参数，也就是替换掉第二步操作中填写的 变量名。单击页面右上角的 预览 图标，预览展示结果。
本文档以 时间器 组件控制 通用标题 组件数据...添加所有图层节点和逻辑节点页签下的1个串行数据处理节点到蓝图画布中。连接组件。配置串行数据处理节点的处理方法。return[{value:"活动开始"}];单击页面右上角的 预览 图标，预览展示结果。
单击 逻辑节点，添加2个串行数据处理节点到蓝图主画布中。连接组件，为串行数据处理节点增加说明。配置串行数据处理节点处理方法。更新翻牌器value值 return[{value:data.id=1?30:50}];配置数字颜色 返回画布编辑器页面。单击 数字翻牌器 ...
添加所有图层节点、所有全局变量、2个定时器节点和2个串行数据处理节点到蓝图主画布中。连接组件。选择 定时器 节点，在右侧配置面板中打开 是否循环，设置 延迟时间 为3秒。配置串行数据处理节点处理方法。A+变量B return[{ value:data[0]...
将区域热力层节点、Tab列表节点、全局变量节点和 逻辑节点 页签下的1个串行数据处理节点添加到蓝图主画布中。连接组件。配置串行数据处理节点的处理方法。return data.content;单击页面右上角的 预览 图标，预览展示结果。
单击 逻辑节点，添加两个串行数据处理节点。连接节点。设置串行数据处理节点处理方法。数字翻牌器 return[{ value:data[0].number }]通用标题 return[{ value:data[0].text }]预览展示结果。单击画布编辑器右上角的 预览，验证设置结果。...
数据处理类节点包括页面导航节点、并行数据处理节点、串行数据处理节点、序列执行节点和WebSocket节点。本文介绍在蓝图编辑器中，配置数据处理类节点的方法。页面导航节点 页面导航 节点，可用于实现页面跳转的功能，支持新开浏览器标签页...
本文档以 时间器 组件和 通用标题 组件之间联动...串行数据处理 节点负责将上游抛出的事件内容进行加工处理，传递给 通用标题 组件作为请求时的 query 参数，也就是替换掉第二步操作中填写的:变量名。单击页面右上角的 图标，预览展示结果。
连接组件，修改串行数据处理节点处理方法名称。配置串行数据处理节点处理方法。更新翻牌器value值 return[{value:data.id=1?30:50}];配置数字颜色 返回画布编辑器页面。单击 数字翻牌器 组件，在右侧的 配置 面板中，单击下方的 复制配置到...
本文档以 Tab列表 控制 区域图 ...添加Tab列表节点、轮播容器节点和 逻辑节点 页签下的1个串行数据处理节点到蓝图主画布中。连接组件。配置串行数据处理节点处理方法。return { index:data.id-1 };单击页面右上角的 预览 图标，预览展示结果。
本文以 柱状图 组件之间相互控制柱体高亮为...配置两个串行数据处理节点处理方法。return {"data":{"x":data.x,"y":data.y,"colorField":data.colorField },"style":{"fillStyle":"#f00"/高亮颜色 } } 单击页面右上角的 图标，预览展示结果。
将需要配置交互的组件导入到蓝图编辑器，将翻牌器中 当数据接口请求完成时 与串行数据处理节点中的 更新翻牌器配置 相连，并在串行节点中写入处理方法。说明 翻牌器在请求完成后，判断数据中的 value 值，如果大于60则更新数字颜色为红色，...
在逻辑节点页签单击 串行数据处理节点 和 Websocket节点 到蓝图画布中。连接组件。配置串行数据处理节点处理方法。return[{"value":data.content}];配置WebSocket节点。在 socket服务地址 区域，输入事先获得的测试地址。添加一个 发送消息...
单击 逻辑节点 页签，将 串行数据处理 和 websocket 添加到蓝图主画布中。选中 websocket 节点，在右侧配置面板的 服务地址 区域，输入事先获得的测试地址；重命名动作为 下一个；删除多余事件节点和动作节点。说明 服务地址 请参见 如何...
在蓝图编辑器画布中，添加一个 串行数据处理 节点，按照如下图连线，并为串行数据处理节点添加一个方法，代码请参见：return {"index":data.id-1 } 说明 当单击Tab时，事件内的 {id:“1”} 参数传递给串行数据处理节点后变成 {index:0}，...
本文档以 时间器 组件控制 通用标题 组件数据更新为例，实现 时间器 触发 通用标题 数据定时更新。效果展示 操作步骤 登录 DataV控制台...配置串行数据处理节点的处理方法。return[{value:"活动开始"}];单击页面右上角的 图标，预览展示结果。
本文介绍在蓝图编辑器...例如数字翻牌器组件，导入数据接口，串行数据处理节点传值示例如下。[{"name":"",/可选字段，可以为空值"value":232425 }]说明 导入数据接口，不会执行数据过滤器。请求数据接口，服务端返回的数据会执行数据过滤器。
配置串行数据处理节点处理方法。return { data:[{ name:"carouselData",value:[{"name":"上海项目1","value":111,"type":"上海"},{"name":"上海项目2","value":222,"type":"上海"},{"name":"深圳项目1","value":111,"type":"深圳"},{"name...
222,"type":"安徽"},{"name":"北京项目1","value":111,"type":"北京"},{"name":"北京项目2","value":222,"type":"北京"}]添加两个图层节点和一个串行数据处理节点到蓝图主画布中，并连接节点。配置串行数据处理节点处理方法。const allData...