# 为华为云Astro轻应用高级页面添加组件
#### 高级页面组件分类
高级页面支持的组件类型，以及每个类型下所包含的具体组件，如[表1]所示。通过该表，可帮助您快速了解各组件的位置分类，更加高效的开发高级页面。当预置组件不满足需求时，还可以自定义组件并上传到高级页面中使用，详情请参见[为华为云Astro轻应用高级页面添加自定义组件](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9109.html)。
 表1高级页面预置组件 
| 组件分类 | 组件名称     | 组件说明                                                                           |
|:---|:---|:---|
| 图表   | 基本饼图     | 基本饼图是最基础的饼图表现形式，即通过饼图的方式，将数据信息清晰地展示在可视化应用中。                                    |
| 图表   | 贪吃蛇饼图    | 贪吃蛇饼图是饼图组件的一种，在加载过程中，饼图以"贪吃蛇"的动画样式呈现。                                          |
| 图表   | 玫瑰花饼图    | 玫瑰花饼图是饼图组件的一种，能够根据数据进行特殊展示。                                                    |
| 图表   | 渐变色饼图    | 渐变色饼图是饼图组件的一种，其内部扇区采用渐变颜色渲染，适用于特殊页面的场景呈现。                                      |
| 图表   | 满月饼图     | 满月饼图是饼图组件的一种，由基础饼图变换而来，适用于某些特定样式场景。  |
| 图表   | 基本折线图    | 基本折线图是线状图的一种，通过折线的形式展示数据，能够直观呈现数据的变化趋势。                                        |
| 图表   | 多折线图     | 多折线图是线状图的一种，通过多折线的形式展现不同数据间的变化趋势。                                              |
| 图表   | 区域图      | 区域图是线状图的一种，采用折线与区域结合的方式，智能地展示多维实时数据的变化趋势。                                      |
| 图表   | 多折线区域图   | 多区域折线图是线状图的一种，通过对比不同数据区域，能够更直观地展现数据变化。                                         |
| 图表   | 水滴水位图    | 水滴水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                                 |
| 图表   | 水位图      | 水位图是指通过水位的形式，来展示数据实时变化。                                                        |
| 图表   | 箭头水位图    | 箭头水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                                 |
| 图表   | 钻石水位图    | 钻石水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                                 |
| 图表   | 三角形水位图   | 三角形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                                |
| 图表   | 圆角矩形水位图  | 圆角矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                               |
| 图表   | 矩形水位图    | 矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。                                                 |
| 图表   | 进度条      | 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。                                     |
| 图表   | 基本柱图     | 基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。                                                   |
| 图表   | 数据标记柱图   | 数据标记柱图是柱状图的一种，通过柱形图的形式展示数据的整体表现，附加的数据标注更直观地展示数据的具体数值。                          |
| 图表   | 瀑布柱图     | 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析和财务分析中广泛应用，用于表示企业成本的构成和变化等情况。                   |
| 图表   | 水平基本柱图   | 水平基本柱图是柱状图的一种，使用水平柱形图的方式呈现数据的变化。                                               |
| 图表   | 水平堆叠柱图   | 水平堆叠柱图是柱状图的一种，用于展示多维度数据的堆叠，从而反映出数据间的变化。                                        |
| 图表   | 散点图      | 散点图是气泡图的一种，利用数据点描述数据相关性的可视化图形。                                                 |
| 图表   | 气泡图      | 气泡图是指利用气泡形状展示数据大小分布情况。                                                         |
| 图表   | 雷达图      | 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。                                       |
| 媒体   | 图片       | 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。                                                    |
| 媒体   | 轮播       | 轮播图片是指通过轮播方式展示图片广告位。                                                           |
| 文本   | 翻牌器      | 翻牌器是文本组件的一种，通过设定翻牌动画效果，动态展现数据变化过程。                                             |
| 文本   | 通用表格     | 通用表格是文本组件的一种，通过表格的方式，将数据信息清晰地展示在可视化应用上。                                        |
| 文本   | 文本编辑     | 文本编辑是文本组件的一种，用于展示多行文本，能够连接数据集并配置交互功能。                                          |
| 文本   | 时间展示     | 时间展示是文本组件的一种，用于显示包含年、月、日、时、分和秒的完整时间，并可设置显示相应的星期值。                              |
| 装饰   | 自定义背景框   | 背景框是装饰组件的一种，包括大标题背景、小标题背景、页面背景和内容背景，可根据不同的设计需求，选择不同的背景框，以增加视觉效果。               |
| 仪表盘  | 仪表盘      | 仪表盘是指通过仪表的特定展示方式对数据进行呈现。                                                       |
| 导航   | 登录       | 登录是提供运行态业务用户默认登录页的组件，**只能在运行态使用**。                                             |
| 导航   | 路由视图     | 路由视图是导航组件的一种，通过配置不同页面，在当前可视化页面展示其他页面的效果。使用该组件可减少对当前页面资源的占用，提高性能。               |
| 导航   | 路由导航(示例) | 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，实现快速切换和定位至其他页面，为数据大屏提供更多交互模式。                     |
| 导航   | 选项卡      | 选项卡是导航组件的一种，用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。                                 |
   
#### 为高级页面添加组件
高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过分类快速定位到所需的组件，并将其拖动到画布中。
图1为高级页面添加组件   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001912916002.gif "点击放大")