检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题： 组件介绍
域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面中，单击“多区域折线图”组件，会跳转到新页面，之前页面的全局变量“st
开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状态，可查看各个地区相应状态下的告警数量分布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“
参考关系型数据库数据集中操作，新建关系型数据库数据集（新建变量value）。 图2 新建关系型数据库数据集 新建全局变量。 参考使用空白画布新建页面中操作，新建大屏空白页面。 在大屏开发页面，单击，新建全局变量，如hotSelect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。
在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。 图2 移动端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。 创建文件夹 项目创建后，支持在项目中创建文件夹，用于集中管理页面。 在“
如何设置分享码 华为云Astro大屏应用支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“?全局变量名=值”，给页面全局变量赋值，查看组件的数据变化。 图1 在URL参数中给全局变量赋值
操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，华为云Astro大屏应用支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获
如何进行版本回退 开发者开发某个大屏页面时，希望回退到历史某个页面版本进行编辑。 版本回退 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表的所有项目中，单击页面所在的项目，进入项目。 在所有页面中，单击对应的页面，单击“编辑页面”，进入大屏开发页面。
当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
添加组件 在华为云Astro大屏应用中，组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用，同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页
运行容器：选择项目包的运行容器。 Astro Canvas：使用该运行容器下载的项目包，可在其他华为云Astro大屏应用环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装
页面开发完成后，可将已开发好的页面发布为模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 约束与限制 模板只能在当前环境的本租户下使用，而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
连接的数据源已创建，如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 华为云Astro大屏应用预置了转换器供用户直接使用，用于把调用API接口返回的数据转换成二维结构。如果使用华为云Astro大屏应用预置的转换器，则无需执行此操作。 创建ROMA连接器数据集
审批通过后，其他租户下的用户才可以使用该模板新建页面。 模板未审核 本租户下的用户登录华为云Astro大屏应用创建页面时，可在“未上线模板”中使用该模板新建页面。 图2 使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户，可通过如下两种方式使用该模板创建页面。
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
连接的数据源已创建，如何创建请参见华为云Astro轻应用数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 华为云Astro轻应用预置了转换器供用户直接使用，用于把调用API接口返回的数据转换成二维结构。如果使用华为云Astro轻应用预置的转换器，则无需执行此操作。本示例中，请提前创建图1中的转换器。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
