检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。 OAuth认证过程中，新建认证密钥时授权类型需选择“客户端模式”，用户建议选择具有管理员权限（System Administrator
、存储容量、数据接入和项目管理等组成，如表2所示。 表2 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持
Astro大屏应用（Astro Canvas，简称AstroCanvas）是华为云Astro低代码平台提供的可视化页面构建服务，提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力，支持多屏适配，帮助开发者快速构建和发布专业水准的实时可视化应用。 商用 产品介绍 计费说明 快速入门 用户指南 最佳实践
图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
据迁移，防止云服务资源释放，导致项目数据丢失。 数据迁移 登录AstroZero中的业务大屏界面，导出项目数据。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astr
为0，即铺满整个组件。 配置 在配置中，设置趋势的样式。 图4 趋势配置 内边距：设置图表和组件边框之间的距离，单位为px。 对齐方式：标题的对齐方式，支持左对齐、居中和右对齐。 显示标题：是否显示组件标题。 标题内容：“显示标题”开关打开后，设置标题内容。 标题字体：“显示标题
显示方式：设置数据的显示方式，数据为图片地址时可以展示为图片。 对齐方式：设置数据的对齐方式。 字体：“显示方式”设置为“文字”时显示该参数，设置文字显示的字体、颜色等。 图宽占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的宽度占比。 图高占比(%)：“显示方式”设置为“图片”时显示该参数，设置图形的高度占比。
示”。 标题：翻牌器标题是否显示，默认为“隐藏”。 标题内容：设置标题的内容。“标题”设置为“显示”时，才显示该参数。 标题对齐方式：设置标题的对齐方式，支持左对齐、居中和右对齐。“标题”设置为“显示”时，才显示该参数。 标题字体：设置标题的字体、大小和颜色。“标题”设置为“显示”时，才显示该参数。
日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。 日期块的高度：设置每个日期块的高度。 日期块对齐方式：设置日期块的对齐方式，如左对齐、右对齐、居中。 日历头部 年月字体：设置日历头部年月字体、文字大小、年月文字颜色等。 快捷按钮字体：设置日历头部右侧快捷按钮字体、字体大小和颜色等。
个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置 AstroCanvas支持设置页面级的全局变量，通
区域图 区域图是线状图的一种，以折线和区域相结合的方式，智能的展示多维的实时数据的变化趋势。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“区域图”组件至画布空白区域，如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐：设置指标的对齐方式，如左对齐、居中和右对齐。 数值：指标是否显示数值，设置为“显示”时，可设置如下属性。 千分逗号：开启后，数值千位后将添加“，”符号。
水平基本柱图 水平基本柱图是柱状图的一种，使用水平柱形图的方式呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平基本柱图”组件至画布空白区域，如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元
erverless融合处理分析服务。用户不需要管理任何服务器，即开即用。支持标准SQL/Spark SQL/Flink SQL，支持多种接入方式，并兼容主流数据格式。数据无需复杂的抽取、转换、加载，使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自
开启后台筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。 内容字体：设置表格内容的字体、颜色和大小等。
户才可正常登录AstroCanvas进行可视化应用的开发。 图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原Ap
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的样式、颜色和对齐方式。 图4 复选框配置 样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。
messages: thisObj.getMessages() }) getCsrfToken 通过ajax的方式，调用平台的接口时使用，使用方式参考如下： /* * 如果使用平台桥接器的方式，平台会自动在请求header中添加csrf-token头。 */ HttpUtils.getC
仪表盘 仪表盘是指通过仪表的特殊展示方式，对数据进行展示。 在大屏设计页面，从“全部组件 > 仪表盘”中，拖拽“仪表盘”组件至画布空白区域，如图1。 图1 仪表盘 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
