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