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