内嵌网页是交互组件的一种,可通过设置网页地址将其他网页嵌入大屏进行显示。本文介绍内嵌网页的各项设置。
属性
位置大小
大小
设置组件的宽与高,单位为 px。
单击
图标,可锁定组件的宽高比,等比例调整组件的宽高。再次单击图标,可解锁组件的宽高比,调整宽高将不受等比例限制。
位置
设置组件的坐标位置,单位为 px。
横坐标为组件左上角与画布左边界的距离。
纵坐标为组件左上角与画布上边界的距离。
旋转
手动输入角度值,可调整组件的旋转角度。
拖动
图标内的小圆点,可调整组件的旋转角度。单击
图标,可设置组件左右或上下翻转样式。自动刷新
参数 | 说明 | 默认值 |
自动刷新 | 开启后内嵌网页将会定时刷新 | 关闭 |
时间间隔(s) | 控制自动刷新的时间间隔,单位为秒,自动刷新开启后生效 | 1 |
数据
数据源
可以选择云图支持的数据源进行对接,但需要满足“静态数据”中的数据格式。
关键字段 | 说明 |
url | 内嵌网页的地址 |
自定义函数
自定义函数用来对数据源中的数据做处理,需要使用 JavaScript 代码。其中入参
data
是数据源中的数据,返回值需要与数据源中“静态数据”的数据格式保持一致。可用于过滤数据、聚合数据、格式化数据等。
字段映射
字段映射用来设置组件使用数据源中数据的字段。
自动更新
自动更新用于设置组件定时更新数据,在选择动态数据源或开启自定义函数的情况下该选项才可以设置。当勾选自动更新选项并输入定时时长(单位为秒),系统将根据设定的时长轮询数据源,获取最新数据并更新到相应图表中。
联动
暂无联动设置。
逻辑编辑器设置
动作
动作 | 说明 |
请求数据 | 触发数据请求,上流节点返回的数据将作为请求的参数,例如:设置了 API 数据源 https://test.com/api,传到请求数据动作的数据为{ id: '123'},则最终请求为 https://test.com/api?id=123 |
导入数据 | 将上流节点返回的数据导入组件,不会触发数据请求但会使组件重新渲染,数据格式需要满足组件要求 |
更新属性 | 将上游节点返回的数据作为组件属性进行更新,属性可在属性面板 > 菜单 拷贝后进行修改 |
显示 | 控制组件显示,上流节点返回的数据可作为参数,支持参数为:
|
隐藏 | 控制组件隐藏,上流节点返回的数据可作为参数,支持参数为:
|
切换显隐状态 | 控制组件在显示状态下切换隐藏/隐藏状态下切换显示,上流节点返回的数据可作为参数,支持参数为:
|
移动 | 设置组件的位置,上流节点返回的数据作为参数,支持参数为:
|
设置 iframe 地址 | 设置组件中展示的内嵌网页链接地址,该功能与导入数据设置链接地址一致,支持参数为:
|
事件
动作 | 说明 |
当数据请求完成时 | 当组件数据请求响应正常时会触发该事件,事件参数为数据请求响应的数据 |
当数据请求失败时 | 当组件数据请求响应错误时会触发该事件,事件参数为:
|
当链接地址改变时 | 当内嵌网页组件的链接地址改变时触发,事件参数为:
|