检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表页面中，单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包，单击“打开”，即可将项目导入到AstroCanvas。 导入成功后，在项目列表中，可查看到已导入的项目，并根据自身业务需求，进行二次开发。当所选项目与目标空间
两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。 执行导入操作前，请单击，查看当前组件对静态数据字段的要求。例如，玫瑰花饼图要求静态数据
步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账号如
其他用户在B环境AstroCanvas界面，单击“导入项目包”。 导入项目后，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击“当前页面使用的数据”，重新配置。 图4 导入项目包 选择安装包，安装该项目即可。
运行容器：选择项目包的运行容器。 Astro Canvas：使用该运行容器下载的项目包，可在其他AstroCanvas环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装运行
静态数据 操作场景 静态数据录入，支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
在已购买的AstroCanvas中，导入项目。 在AstroZero服务控制台的左侧导航栏中，单击“Astro大屏应用”。 在已购买的AstroCanvas实例中，单击“进入首页”，进入AstroCanvas界面。 在项目列表页面，单击“导入项目包”。 图4 导入项目包 选择1.h中导出的项目包，单击“打开”。
帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员来访统计大屏，带您了解在AstroCanvas中开发一个大屏页面的流程。 使用AstroCanvas开发告警处理情况统计移动端页面 本实
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
添加可视化应用。 在项目列表中，单击“导入项目包”。 选择2中下载的可视化应用本地部署包（AstroCanvas_项目名_随机编码.zip）。 在项目列表中，可查看到项目已成功导入。 图18 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后，如果应用包
registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
新建一个项目 项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面，详情请参见创建项目。 导入项目包 从本地导入已创建的项目包，实现离线迁移、部署项目，详情请参见导入项目。 添加项目分组 支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。
下载图表模板。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 单击页面右上角的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称 功能 EchartsWidgetTemplate
组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this._super.apply(this, arguments);
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中，注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明
响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
