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