检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示，本示例不涉及。
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
桥接器数据类型：桥接器的数据源类型，支持“静态数据”和自定义接口“AstroZero API”。 URL：配置为自定义接口的URL。如何查看自定义接口URL，请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 共享数据：是否共享数据。勾选表示某
结尾。 APIC服务地址：ROMA Connect服务集成APIC的网关地址，配置该值后，可实现调用ROMA Connect的服务API。 服务集成APIC（API Connect，简称APIC）是ROMA Connect的API集成组件，APIC将数据和后端服务以API形式开放
数据点。 图3 查询过去三小时的数据 最小时间间隔：每个数据点之间最小的时间间隔，取值范围为[1, 40000000]。 查询配置：单击“新增查询”，可增加promQL查询，最多只支持添加8条，支持设置变量。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。
管理页面 管理组件模板 桥接器模板 查看操作日志
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在
图4 设置数据集 应用：选择调用自定义接口所属的应用，本示例选择AstroZero中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例，在实际使用时，选择AstroZero中已安装的一个应用即可。 API接口：API接口的URL，本示例选择“getWarnDetailByStatus”接口。
了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“?全局变量名=值”，给页面全局变量赋值，查看组件的数据变化。 图1
图2 ROMA连接器配置示例 API接口：API请求路径。 请求类型：请求的类型，如GET、POST。 参数：输入参数，请根据实际请求进行配置。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数
将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏组件。关于API的详细介绍，请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}
messages-zh/messages-en.json 组件的国际化资源文件，用于配置多语言（本例模板中未体现）。 表3 组件名.js中预置API说明 分类 API及说明 组件实例预置API init方法：主要包含组件渲染需要初始化数据的入口函数。 render方法：负责整个组件渲染的业务逻辑方法。 ge
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
导航 选项卡 路由导航(示例) 路由视图 父主题： 组件介绍
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
