检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
步骤一：注册账号并实名认证 使用华为云Astro大屏应用前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考实名
'advancedSettings', headerTitle: { zh_CN: '提示', en_US: 'Tooltip' }, belong: 'tooltip', config: [ { type: 'select',
将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构
个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 HTTP连接器：选择前提条件中已创建的HTTP连接器。 接口鉴权方式：自动关联已创建连接器的鉴权方式。 描述：新建数据源的描述信息。 设置完成后，单击“保存”。 父主题： 数据源管理
registerConnector：用来定义桥接器。 Studio.registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。
单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称，系统会根据组件包名称自动填充。 示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。
应用界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面，如图2。 图2 移动端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。 创建文件夹
在项目中，单击，选择本地的页面模板文件，单击“打开”。 图1 添加本地页面模板文件 在创建页面对话框中，输入页面标题，单击“新建”。 系统自动进入业务大屏开发页面，您可以直接使用该大屏应用，也可以根据自身业务的需求进行二次开发。 单击页面上方的，保存页面。 单击页面上方的，预览应用页面。
项目名称，单击“新建”。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。 图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面，如图2。 图2 大屏&PC端项目页面 （可选）项目创建后，可参考项目管理中内容，对项目进行设置。
显示指标：是否显示组件的指标。设置为显示时，可自定义指标的内容和样式等。 标题内容：自定义指标的显示内容。 标题字体：设置指标标题的字体、大小和颜色等。 自动求和：指标是否自动求和。 数值内容：“自动求和”设置为“否”时，需要输入数据指标数值。 数值字体：设置数值的字体、大小和颜色等。 数据 在数据中，配置轮播饼图组件的数据来源，更多介绍请参见数据接入。
查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中 组件添加成功后，会自动展示在画布中。您可以通过拖拽组件边框，调整组件的大小，也可以参考拖拽组件中操作，调整组件的位置。 父主题： 组件管理
图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接单击下载链接，获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中，新增eventConfig配置。 eventConfi
包年/包月的华为云Astro大屏应用，从购买到被自动删除前，您可以随时在华为云Astro大屏应用控制台为其续费，以延长使用时间。 自动续费 开通自动续费后，华为云Astro大屏应用会在每次到期前自动续费，避免因忘记手动续费而导致资源被自动删除。 在华为云Astro大屏应用生命周期的不
配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
业务大屏”中的，选择“开始创建”，进入创建华为云Astro大屏应用项目页面。 方式二：从运行环境登录华为云Astro大屏应用界面 运行环境是指应用正式发布上线的真实环境，默认域名为“appcuberun.cn-north-4.huaweicloud.com”。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
harts组件的初始化代码块、实例化代码块、自定义事件和自定义动作。 图4 代码设置 初始化代码块：初始化代码块输入框是一个javascript的执行环境，该执行环境的目的是调用echarts的init方法创建实例，此处可配置初始化相关的操作，包括echarts的主题等。 图5 初始化代码块
配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有e
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
