检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
转换器管理 新建转换器 删除转换器 关注转换器 父主题: 数据中心
数据集管理 (可选)新建目录 静态数据 关系型数据库 ROMA连接器 AstroZero API AstroZero DLI DWS HTTP连接器 Prometheus 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集 父主题: 数据中心
连接器管理 新建连接器 复制连接器 删除连接器 父主题: 数据中心
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
显示该参数。 接口鉴权方式:设置接口鉴权方式,支持API鉴权、AK/SK、API Key和无身份验证。 API鉴权:填写API鉴权信息后,可在连接器中选择其响应参数,作为连接器请求参数的值。 无身份验证:不需要任何验证信息,直接调用接口,通常用于访问一些公开的接口。 AK/SK:
应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。 请求类型:API接口的请求类型,系统会自动填入。 参数:接口入参,当有入参时,系统会自动展示。
记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段,您可以根据需要选择一种方式进行续费,具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前,处于正常运行阶段,资源状态为“运行中”。 到期后,资源状态变为“已过期”。
一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。
选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
图4 设置数据集 应用:选择调用自定义接口所属的应用,本示例选择AstroZero中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例,在实际使用时,选择AstroZero中已安装的一个应用即可。 API接口:API接口的URL,本示例选择“getWarnDetailByStatus”接口。
required Boolean 否 required: true 是否必须配置。 组件使用数据集 数据集实例获取。 组件代码中可使用如下API,来获取对应的数据集实例。 ConnectorIns: thisObj.getConnectorInstanceByName('Echar
进入Astro大屏应用服务控制台。 在已购买的实例中,单击“升级服务”。 图1 选择升级服务 在升级规格页面,选择目标资源规格,单击“去支付”。 图2 选择资源规格 进入支付页面,选择支付方式,确认付款,支付订单后即可完成规格升级。
查询配置:单击“新增查询”,可增加promQL查询,最多只支持添加8条,支持设置变量。 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。
将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}