检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题： 组件管理
组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
请求、系统资源占用高等情况实时提示，有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。
通用设置 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。
已参考静态数据数据集中操作，创建静态数据类型的数据集。 图1 多数据流1 图2 多数据流2 创建页面数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选择“数据”，单击“+”。 输入页面数据集的名称，单击“确定”。 图3 新建页面数据集
预置卡片，与后台统一服务关联，提供无缝协同的用户体验。 抽象行业公共能力：联合行业场景，抽象公共能力（卡片+模板）。 私有云部署能力：设计运行一体，支持私有云部署。
使用华为云Astro大屏应用开发告警处理情况统计移动端页面 应用场景 通过华为云Astro大屏应用开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1
发布页面 通过发布功能，无需进入开发页面，即可获取页面的访问地址。 发布页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待发布的页面上，单击，进行页面发布设置。 发布链接：单击发布链接后
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
从零开始，通过拖拽组件、设置页面布局、数据源等，构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单
到经典原始。 6 数据 页面数据集的创建入口。华为云Astro大屏应用中的组件，支持对接页面级的数据集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 华为云Astro大屏应用可视化开发页面，支持配置页面屏幕
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现数据会随着全局变量值变化而变化。 图1 告警监控页面 步骤1 新建数据集 参考华为云Astro轻应用数据源中操作，新建数据源。 图2 新建华为云Astro轻应用数据源
人员、安防人员、保洁人员。 基本柱图 统计入园和出园人数。 区域图 统计昨日在园人数。 开发大屏页面 登录华为云Astro大屏应用服务控制台，单击“进入首页”，进入华为云Astro大屏应用界面。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。 图2 新建项目 在大屏&PC端项目中，单击“+
下载项目 项目发布后，在项目发布的版本管理中，可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时，项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面，单击待下载项目上的。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 fields[0].desc 变量的中英文描述，可选配置。 在组件的“global_SelectWidget.js”文件中，注册名称为“sendSelect”的事件。
台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如图1。 图1 转换器添加顺序 后台筛选 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 新建后台筛选转换器。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”，单击“新建转换器”。
中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。 安装项目 在A环境华为云Astro大屏应用界面的“项目列表”页签中，鼠标悬浮在待下载的项目上，单击。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。 图1 下载对应版本的项目包
全局模板可在当前环境的所有租户下使用，而发布为模板中生成的模板只能在当前环境的对应租户下使用。 将页面发布为全局模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
