Astro工作流 AstroFlow
Astro工作流 AstroFlow
- 最新动态
- 功能总览
- 产品介绍
- 计费说明
- 快速入门
-
用户指南
- 新手指引
- 创建业务流程应用
- 应用管理
- 表单管理
- 自定义页面管理
- 分组管理
- 流程管理
- Astro低代码平台
- AstroFlow学堂
- 最佳实践
- 常见问题
- 视频帮助
- 文档下载
- 通用参考
链接复制成功!
折线图
折线图是一种常见的数据可视化工具,它通过连接数据点来显示数据的变化趋势和关系。折线图的基本形状是一条折线,线的高低和斜率可以反映数据的大小和变化趋势。
在左侧组件区域,从“图表控件”中,选择“折线图”组件,并拖拽至设计区,如图1所示。
基础配置
- 标题:该模块在页面呈现给用户的名称。
- 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示
。
- 描述信息:为字段添加附加的说明信息。
- 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。
- 数据标签:用于描述数据的元数据。开启后将在数据点上显示。
图3 设置折线图显示数据标签
样式配置
- 样式:设置折线图样式,目前支持基础折线图和堆积折线图两种样式。
- 基础折线图:通常用于展示一个或多个变量随时间变化的趋势。
- 堆积折线图:通常用于比较不同组别之间的变化趋势。
图6 设置折线图样式 - 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。
- 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。
- 边框:
- 位置:设置边框的位置,支持配置上、下、左、右和四周。
- 宽度:设置边框的宽度。默认值为0px,范围为0~50px。
- 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。
- 颜色:设置边框显示的颜色。
- 圆角:给元素添加圆角效果,设置圆角的大小和位置。
- 背景:设置组件样式的背景颜色。
- 阴影:
- X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。
- Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。
- 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。
- 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。
- 颜色:设置阴影的颜色。
- 曲线:开启后,折线图数据点将以曲线展示。
- 填充:开启后,折线下方将以颜色填充,从而使数据区间更加明显。
图8 设置填充
- 展示数据点:关闭后,数据点将隐藏。
图9 数据点展示开启图10 数据点展示关闭
数据配置
数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。
- 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单。
- 分析维度:选择表单中数据分析的维度,例如商品类型。可自定义排序方式及重命名。
图11 设置折线图分析维度
- 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。
- 数据筛选:设置过滤条件,筛选数据源符合条件数据信息。
图13 设置折线图数据筛选条件
- 是否展示辅助线:开启后可为柱图添加辅助线,有利于更好理解数据。
- 辅助线名称:输入展示的辅助线名称。
- 辅助线类型:支持选择“最大值”、“最小值”、“平均值”和“固定值”
- 数据指标:下拉框中选择已添加的数据汇总指标。
- 显示内容:可勾选“名称”或“值”,作为辅助线的展示内容。
- 线条设置:支持选择“实线”、“虚线”和“点线”。
图14 设置折线图辅助线属性
父主题: 自定义页面组件介绍