检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
重命名组件 通过重命名功能,可自定义组件的名称,便于搜索和管理。 重命名组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“重命名”。 图1 重命名 您也可以在“图层”中,将鼠标悬浮在组件上,单击“重命名”。
通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。 getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml()
如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用 场景说明 华为云Astro大屏应用(Huawei Cloud Astro Canvas) 产品已正式商业化上线。华为云Astro轻应用(Huawei Cloud Astro Zero)免费版中的“业务大屏”入口计划
管理目录 新建组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 在我的组件中,单击“添加组件”。 单击“+”或拖拽所需的组件到下图红框中。 图3 上传组件 按需设置组件ID和版本说明,单击“保存”。
制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击“复制并粘贴”。
显示背景颜色:显示或隐藏背景颜色。 颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。 渐变类型:设置渐变的类型,如线性渐变、径向渐变和自定义输入。 渐变方向:设置颜色的渐变方向,如向上、向下、向右等。“渐变类型”设置为“线性渐变”时,才需要设置此参数。
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全
获取数据中的内容作为文本内容 其中,“{0}”为转义字符,只支持“{0}”和“\\{0}”两种类型的转义字符。转义字符中的数字“0”为文本编辑组件数据中二维数组的位置,其对应关系如图7所示。如果全部设置为“{0}”,则全部显示第一个数据,如图8。 图7 转义符和二位数组对应关系(一)
接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,单击页面右上方的“
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在桥接器的名称上,单击,即可修改桥接器名称。 批量复制自定义桥接器到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
筛选组件 在图层中,支持按组件名称、组件标题和组件类型进行筛选,帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 在图层中,单击,筛选组件。 图1 筛选组件 父主题: 图层管理
选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。华为云Astro大屏应用已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。
复制数据集到其它工作空间 创建同类型数据集时,通过“复制到工作空间”功能,可快速复制数据集到目标工作空间,减少重复操作,提升开发效率。 复制数据集到其它工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集
设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。 图1 设置动作详情
复制数据集 创建同类型数据集时,通过复制数据集功能,可减少重复操作,提升开发效率。 复制数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。 例
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建Prometheus数据集
在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图4 拖拽字段到坐标轴 表格字段:展示创建HTTP连接器数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。