检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
初识开发页面 可视化开发页面 华为云Astro大屏应用一站式数据可视化开发页面，由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成，各区域功能介绍请参见表1。
表1 组件说明 组件 说明 水平基本柱图 分状态进行告警处理情况统计，状态分：待派单、已派单、处理中、已关闭 基本折线图 统计告警处理平均时长 开发移动端页面 登录华为云Astro大屏应用服务控制台，单击“进入首页”，进入华为云Astro大屏应用界面。
开发大屏页面 登录华为云Astro大屏应用服务控制台，单击“进入首页”，进入华为云Astro大屏应用界面。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。 图2 新建项目 在大屏&PC端项目中，单击“+ 新建页面”，选择“新建空白页面”。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
方式一：从开发环境首页登录华为云Astro大屏应用 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。
授权后，IAM用户才可正常登录华为云Astro大屏应用进行可视化应用的开发。 图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。
前提条件 待添加的成员已完成华为云Astro大屏应用授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用华为云Astro大屏应用。 添加成员 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用服务控制台。
savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
管理页面版本 使用华为云Astro大屏应用开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在华为云Astro大屏应用中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
复制页面 华为云Astro大屏应用支持复制页面，减少重复开发，提高交付效率。 复制页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待复制的页面上，单击。
图3 静态数据 父主题： 自定义组件开发规范
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
select 配置项说明 表1 select配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "select" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
