跳到主要内容

折线图

一、简介

1.1 功能简介

可以根据数据的值生成一条或多条折线,依据折线反映数据的变化,便于直观显示数据的变化趋势

1.2 使用场景

适用于需要显示数据变化特征的场景。

  • 时间序列分析(如月度销售额波动)
  • 多指标对比(如不同产品销量趋势)
  • 异常值检测(如流量峰值定位)

1.3 效果展示

如下图所示,通过折线图展示了产品销量随时间变化的趋势,方便销售数据的对比分析

image.png

二、设置步骤

2.1 功能入口

进入报表编辑页面,点击图表类型下的柱状图即可开始编辑柱状图,也可以将已经编辑好的其他类型图表转换成柱状图。

image.png

2.2 添加维度和指标

2.2.2 添加维度

可以通过拖拽的方式将维度字段添加到维度区域,或者批量添加维度

image.png

折线图的维度即x轴的坐标,例如:将签订日期作为维度,报表将会沿x轴从左至右逐行显示签订时间对应的销售数量。

image.png

维度字段最多只能添加2个,当添加两个维度字段时,第一个维度字段是图表的主要维度,以x轴的坐标标签的形式分类;第二个维度字段是次要维度,会在图表上方以图例的形式进行分类。

如图所示,产品名称是折线图的第二个维度,即次维度。会在图表上方以图例的形式分类,每一个颜色代表一个型号,点击图例可突出或隐藏特定型号的数据。

录屏2025-07-25 11.39.44.gif

⚠️注意维度字段只能作为维度使用,但指标字段既可以作为维度使用,也可以作为指标使用折线图至少需要1个维度字段和1个指标字段才能使用

2.2.3 添加指标

可通过拖拽的方式将指标字段拖拽到指标区域。

指标是通过指定的计算方式(默认求和)计算后得出的数据,在折线图中指标表现为y轴的数值。

如图所示,总金额为折线图的指标。

image.png

⚠️注意只有数字字段可以作为指标。使用轻流作为应用数据源时,需要确保希望作为指标的字段格式是数字字段折线图的指标只能添加一个

2.3 设置维度和指标属性

点击维度或指标左侧的倒三角图标即可编辑维度或指标的属性

2.3.1 显示名称

修改维度字段或指标字段在报表中的显示名称,即修改X轴或Y轴的标题。

image.png

2.3.2 排列方式

支持对维度或指标的字段值进行排序。数值字段可按数值升序或降序排序;非数值字段将按首字母顺序进行排序。

录屏2025-07-25 11.45.21.gif

2.3.3 显示格式

使用范围:数值字段、时间字段详情:

  1. 设置指标字段的数值展示格式,包括:
  • 数值单位(如:千、万、百万等)
  • 显示形式(数值或百分比)
  • 是否启用千分位分隔符
  • 前缀与后缀文字
  • 小数位数精度设置

image.png

  1. 时间字段可以设置时间的显示范围:年/月/日/时/分/秒

image.png

2.3.4 汇总方式

使用范围:数值字段、地址字段

  1. 设置指标在报表中的统计计算方式。可选项包括:
  • 求和
  • 平均值
  • 最大值
  • 最小值
  • 最新数据
  • 最旧数据

例如,指标的汇总方式为求和时,系统将计算不同任务维度下总费用金额;当指标的汇总方式为平均值时,系统将计算不同任务维度下费用金额的平均值

image.png

⚠️最新数据并不是指把所有最新提交的数据都展示出来,而是按“维度”去取最新的那一条。举个例子:现在有一份财务报销报表,一共有 4 条数据:客户拜访:200、300、400(3条数据)出差:1000(1条数据)如果汇总方式是 “求和”,那结果就是所有报销加起来:200 + 300 + 400 + 1000 = 1900。但如果汇总方式是 “最新数据”,那逻辑是:在“客户拜访”这个维度下,只取最新的一条(假设是 400),之前的 200 和 300 就不算了;在“出差”这个维度下,只有 1000 这一条,就取它。 这样加起来的结果就是 400 + 1000 = 1400。所以,“最新数据”其实是按 每个维度只留最新一条来算的,而不是把所有最近提交的数据都算上。选择“最新数据”或“最旧数据”时,可指定表单中的时间类字段作为排序依据。

  1. 设置地址维度的计算范围

image.png

2.4 折线图其他功能

点击报表编辑页右侧的「功能」设置报表的其他功能

2.4.1 数据筛选

详情参考:

  • 汇总前筛选

在进行数据统计前,根据设定的筛选条件对原始数据进行过滤,仅保留满足条件的数据参与统计。例如:只统计状态为“已完成”的任务数据。

  • 汇总后筛选

在完成报表统计后,再根据条件**对已生成的报表结果进行筛选,**仅显示符合条件的记录。

2.4.2 数据显示

支持设置仅展示报表中排名靠前或靠后的数据。 例如:设置仅显示“前 20 条”数据,可以聚焦分析最关键的维度项。

image.png

2.4.3 辅助线

详情可见:

根据不同计算规则生成辅助线,起到辅助分析的作用。

  • 设置

image.png

  • 效果

image.png

2.4.5 查看原始数据

开启该功能后,用户可在报表中点击某个点,查看其对应的原始数据记录。 支持以下设置:

  • 查看权限:指定哪些成员有权限查看原始数据。
  • 显示字段范围:设置用户可见的原始字段内容。

⚠️若数据源中某字段被删除或隐藏,原始数据将无法展示,需重新配置字段显示范围。

  • 设置查看原始数据的权限和显示字段

image.png

  • 查看原始数据

录屏2025-07-25 13.56.14.gif

2.5 设置折线图样式

2.5.1 线条类型

可以设置线条类型是直线或者曲线

image.png

2.5.2 配色方案

配色方案可以更改线条的配色

image.png

2.5.3 图表背景

可以更改图标背影颜色

image.png

2.5.4 显示略缩图

可以选择是否显示缩略轴

通过滑动缩略轴可以选择x轴的数据区间

录屏2025-07-25 14.10.43.gif

2.5.5 标题

可以选择是否显示标题,并对报表标题的内容、字号和字体颜色进行更改

image.png

2.5.6 标签

可以选择是否显示**x轴的数值标签,**并对标签的字号、颜色、位置和显示方式进行更改

image.png

2.5.7 图例

图例即选择两个维度时,第二个维度的标识说明。点击图例可以隐藏或显示该图例的数据,点击图例右侧图标可以选择是否单独显示该图例的数据

选择是否显示图例,并对图例文字的字号、颜色和显示位置进行更改。

image.png

2.5.8 坐标轴

可以选择是否显示坐标轴,并对坐标轴的颜色、宽度以及类型进行更改,也可以设置轴标签的字号与颜色

⚠️轴标签的智能显示是指当标签长度过长时倾斜展示

自定义轴值可以设置y轴的最大值和最小值

image.png

2.5.9 网格线

可以选择是否显示网格线,并设置网格线的方向、宽度、颜色以及类型

image.png

三、注意事项

  • 企业微信用户使用折线图时,折线图中的申请人、成员、部门字段仅显示成员ID和部门ID,不显示具体名称