检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图文展示 图文展示结合了图像和文本的界面元素,用于以更吸引人的方式展示信息。 在左侧组件区域,选择“图文展示”组件,并拖拽至设计区域,如图1所示。 图1 拖拽图文展示组件到设计区并设置属性 基础配置 单击“编辑展示内容”,在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容
雷达图 雷达图是一种常用的数据可视化图表,也称为蜘蛛网图或星形图。雷达图通过将多个数据系列的指标值在同一张图表中展示出来,以便于比较它们之间的差异和相似性。 在左侧组件区域,从“图表控件”中,选择“雷达图”组件,并拖拽至设计区,如图1所示。 图1 拖拽雷达图组件到设计区并设置属性
图片 图片组件用于展示图片的UI元素,提供直观的视觉信息。 在左侧组件区域,从“常用控件”中,选择“图片”组件,并拖拽至设计区,如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片:将文件拖拽上传区域内,或单击上传图片模块进行上传。 上传图片支持jpg、jpeg、
文本 文本是一种样式组件,可以为这个区域输入并显示多行文本内容。 在左侧组件区域,选择“文本”组件,并拖拽至设计区域,如图1所示。 图1 拖拽文本组件到设计区并设置属性 基础配置 内容设置:输入具体的文本内容。输入内容不得超过512个字符。 文本设置:设置文本内容的字体、大小和颜色等
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在左侧组件区域,选择“分段标题”组件,并拖拽至设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置: 标题:设置分段标题的内容,最多支持输入32个字符。 样式:设置分段标题的显示样式。 图2 选择分段标题显示样式
页签 页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在左侧组件区域,选择“页签”组件,并拖拽至设计区域,如图1所示。 图1 拖拽页签组件到设计区并设置属性 将组件拖拽至页签中,根据需求布局,选中组件可配置对应组件属性。 页签组件不支持嵌套到页签中
柱图 柱图是一种常见的数据可视化方式,用于表示不同类别或组之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据,每个柱子的高度或长度表示对应类别或组的数量或频率。 在左侧组件区域,从“图表控件”中,选择“柱图”组件,并拖拽至设计区,如图1所示。 图1 拖拽柱图组件到设计区并设置属性
页面属性配置 使用说明 页面设计时,如果需要对整体页面和全局组件属性进行设置,可单击“页面属性”进行配置。全局组件配置仅对新增的组件生效,历史组件不做修改。 图1 设置页面属性 基础配置 基本属性配置后需要保存页面重新加载后生效。 单元格高度:设置容器的单元格高度,保持整体的平衡。
初识表单编辑器 表单由多个组件组成,是数据填报和收集的工具。在AstroFlow表单编辑器中,通过选择组件、设置组件属性和表单发布设置三步,即可快速搭建所需的表单。 图1 AstroFlow表单编辑器 表1 AstroFlow表单编辑器功能介绍 区域 说明 1 该区域分别提供如下功能
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感,还能有效提高工作效率。 在左侧组件区域,从“图表控件”中,选择“数据表”组件,并拖拽至设计区,如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:
布局容器 布局容器的主要作用是控制其内部元素的排列和布局,确保界面的整洁有序和响应式设计。 在左侧组件区域,选择“布局容器”组件,并拖拽至设计区域,如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中,根据需求布局,选中组件可配置对应组件属性。 图2 设计布局
动态文本 图片组件允许文本内容根据数据交互的变化而实时更新,提供更加个性化和互动的体验。 在左侧组件区域,从“常用控件”中,选择“动态文本”组件,并拖拽至设计区,如图1所示。 图1 拖拽动态文本组件到设计区并设置属性 基础配置 文本设置:设置文本内容的字体、大小和颜色等。 水平对齐方式
漏斗图 漏斗图是一种用于显示数据在不同阶段的减少或过滤过程的图表,它通常用于展示转化率或销售漏斗。漏斗图由多个梯形从上而下叠加而成,从上到下的项有逻辑上的顺序关系,梯形面积表示某个业务量与上一个环节之间的差异的一种图表类型。 在左侧组件区域,从“图表控件”中,选择“漏斗图”组件,并拖拽至设计区
饼图 饼图是一种常见的数据可视化工具,它通过将数据表示为一个饼图的形式,来展示数据的比例或百分比。 在左侧组件区域,从“图表控件”中,选择“饼图”组件,并拖拽至设计区,如图1所示。 图1 拖拽饼图组件到设计区并设置属性 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息