检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。 disabled Function | Boolean 否
互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“
length) { values[values.length - 1].size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能，所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true，不需要添加。 childItems Array
文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成
"widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription": "Echarts组件模板", "authorName": "李四", "width": "500", "height":
在浏览器中，输入AstroCanvas服务所在服务器的IP地址和端⼝，进入AstroCanvas登录页。 http://10.10.*.*:19996/ 其中，“10.10.*.*”为1.d中，修改application.yml时配置的服务器公网ip，“19996”为端口。 输入5中配置的用户名和密码，单击“登录”，即可进入AstroCanvas界面。
在实例化代码块中，还可以实现异步加载和引入第三方库，详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”，可查看实例化代码块的参数说明。 单击，可复制实例化代码。 单击，可最大化实例化代码块页面。 自定义事件：echarts组件支持自定义扩展事件和交互，来扩展组件在系统中
当自定义组件需要添加动作属性时，请选用该模板。 事件和动作都是Widget的配置属性，用于实现Widget之间的交互。例如，单击某个Widget内的按钮，另外一个Widget需要进行数据更新操作，或者是需要跳转到同个应用下的其他页面，这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件
直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多种数据源，如静态数据、调用AstroZero API接口、ROMA API接口和AstroZero报表等。 数据源管理：新增并管理关系型数据库、DWS、DLI和AstroZero等数据源。
使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现数据会随着全局变量值变化而变化。
classfication中的配置包含预置分类和自定义分类两种。 预置分类：主要是使用平台预置分类。 自定义分类：支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类，包含的图标和名称如下所示： 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标
selectConfObj) { return this.vm.selectConfObj.selectValue; } }, // 设置组件双向绑定的值 setInputWidgetValue: function (value) { this.vm.selectConfObj.selectValue
需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js文件只在组件编辑状态被加载，主要包括propertiesConfig方法和create方法。
@change="search" :multiple="selectConfObj.multiple" :clearable="!selectConfObj.multiple" collapse-tags @visib
获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件，需要配合registerEvent使用。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
