检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题： 组件介绍
续费 续费概述 手动续费 自动续费
图解Astro大屏应用
{ zh_CN: '开启多选', en_US: 'Multiple' }, value: false, options: [ { label: { zh_CN: '开启', en_US: 'ON' },
开通自动续费后，AstroCanvas会在每次到期前自动续费，避免因忘记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段，您可以根据需要选择一种方式进行续费，具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前，处于正常运行阶段，资源状态为“运行中”。
显示方式：设置数据的显示方式，数据为图片地址时可以展示为图片。 对齐方式：设置数据的对齐方式。 字体：“显示方式”设置为“文字”时显示该参数，设置文字显示的字体、颜色等。 图宽占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的宽度占比。 图高占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的高度占比。
件上方会出现配置项面板，如图3。AstroCanvas中组件的配置项菜单分为卡片、指标、图形、图例、提示、参考线和坐标轴七大类（不同的组件展示有所不同，请以实际展示的为准）。 图3 组件配置项面板 图4 组件七大分类设置效果 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中
com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式：设置接口的鉴权方式，支持无身份认证和基本身份认证（用户名/密码）两种。 无身份认证：不需要任何验证信息，直接调用的接口，通常用于访问一些公开的接口。 基本身份认证（用户名/密码）：通过输入用户名和密码，来进行用户身份验证。
在使用AstroCanvas前，您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 购买Astro大屏应用实例：AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”
您也可以单击待升级插件后的，对组件进行升级。 图1 升级组件 单击“启用模拟数据”，对项目中的组件数据来源进行统一控制。 在页面中，组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”，可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时，经常要通过桥接器动态调用后台的接
管理员：拥有大屏开发权限、数据中心开发权限和添加用户到管理员、开发者、数据分析师、数据工程师和访问者权限。 开发者：拥有大屏开发权限、数据中心开发权限。 数据分析师：拥有大屏开发权限、数据中心只读权限。 数据工程师：拥有大屏只读权限、数据中心开发权限。 访问者：拥有大屏只读权限、数据中心只读权限。通常为查看报表的用户或用于查看数据结果的一线业务人员。
使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户，可通过如下两种方式使用该模板创建页面。 方式一：在图2中的“预置模板”下，可查看到已审批的模板，并使用该模板新建页面。 方式二：登录Astro低代码平台。在“资产中心”中，可查看到该模板，并可使用该模板新建页面。
参数。 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示。
一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。
在已购买的Astro大屏应用实例中，单击“续费”。 图1 选择续费 选择AstroCanvas的续费时长，单击“去支付”。 图2 续费 进入支付页面，选择支付方式，确认付款，支付订单后即可完成续费。 在费用中心续费 登录管理控制台。 在主菜单中，选择“费用 > 续费管理”，进入“续费管理”页面。 自定义查询条件。
参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”
组件名称、时延和成功率。 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。本章节以单行文本为例，进行介绍。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 图表放大显示
面加载进度条。 开启浏览器内存使用率异常提醒：勾选后，如果浏览器内存使用率超过70%，页面右下角会弹框提醒。 开启资源访问耗时过长提醒：勾选后，如果单个资源访问耗时超过1秒，页面右下角会弹框提醒。 开启接口请求错误提醒：勾选后，如果接口请求出现错误，页面右下角会弹框提醒。 开启代
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
