腾讯云图数据可视化内嵌网页-操作指南（数据可视化大屏）-文档中心-腾讯云

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

参数	说明	默认值
自动刷新	开启后内嵌网页将会定时刷新	关闭
时间间隔(s)	控制自动刷新的时间间隔，单位为秒，自动刷新开启后生效	1

动作	说明
请求数据	触发数据请求，上流节点返回的数据将作为请求的参数，例如：设置了 API 数据源 https://test.com/api，传到请求数据动作的数据为{ id: '123'}，则最终请求为 https://test.com/api?id=123
导入数据	将上流节点返回的数据导入组件，不会触发数据请求但会使组件重新渲染，数据格式需要满足组件要求
更新属性	将上游节点返回的数据作为组件属性进行更新，属性可在属性面板 > 菜单拷贝后进行修改
显示	控制组件显示，上流节点返回的数据可作为参数，支持参数为： { "animation": { "enable": false, // 是否开启动画 "duration": 500, // 动画时间 "timingFunction": "ease" // 动画缓动函数 } }
隐藏	控制组件隐藏，上流节点返回的数据可作为参数，支持参数为： { "animation": { "enable": false, // 是否开启动画 "duration": 500, // 动画时间 "timingFunction": "ease" // 动画缓动函数 } }
切换显隐状态	控制组件在显示状态下切换隐藏/隐藏状态下切换显示，上流节点返回的数据可作为参数，支持参数为： { "animation": { "enable": false, // 是否开启动画 "duration": 500, // 动画时间 "timingFunction": "ease" // 动画缓动函数 } }
移动	设置组件的位置，上流节点返回的数据作为参数，支持参数为： { "moveType": "absolute", //移动方式，绝对 absolute，相对 relative "x": 0, // x坐标 "y": 0, // y坐标 "animation": { "enable": false, // 是否开启动画 "duration": 500, // 动画时间 "timingFunction": "ease" // 动画缓动函数 } }
设置 iframe 地址	设置组件中展示的内嵌网页链接地址，该功能与导入数据设置链接地址一致，支持参数为： { "url": "" // 内嵌网页链接地址 }

动作	说明
当数据请求完成时	当组件数据请求响应正常时会触发该事件，事件参数为数据请求响应的数据
当数据请求失败时	当组件数据请求响应错误时会触发该事件，事件参数为： { "key": "", // 图层唯一 key，标识是哪个图层，如果没有图层该值为空 "error": {}, // 数据请求的异常信息 "response": {} // 服务器响应的数据，可能为 null }
当链接地址改变时	当内嵌网页组件的链接地址改变时触发，事件参数为： { "url": "" // 内嵌网页链接地址 }

内嵌网页

本页目录：

属性

位置大小

自动刷新

数据

数据源

自定义函数

字段映射

自动更新

联动

逻辑编辑器设置

动作

事件