跳到主要内容

时间轴图表

一、功能介绍

1.1 功能简介

时间轴图支持以时间线的形式展示数据,帮助用户直观了解事件的时间顺序和发展过程。

1.2 使用场景

适用于展示具有时间先后关系的数据

  • 项目里程碑
  • 客户跟进记录
  • 系统操作日志

二、设置步骤

2.1 选择时间轴

进入报表编辑页面,选择右上角的时间轴即可开始编辑时间轴

image.png

2.2 添加日期、维度和指标

可以通过拖拽的方式,将维度字段添加到「维度」区域,也可以批量添加维度。

image.png

2.2.1 日期

用于确定时间轴的时间节点

2.2.2 维度

当一个时间节点下存在多条数据时,可以通过维度字段对数据进行分类展示。例如,以销售负责人为维度,可以在同一时间节点下按负责人显示指标的数据。

2.2.3 指标

指标是对某一字段按照指定的汇总方式(默认求和)进行计算后的结果。在时间轴中,指标可以作为每个时间节点的数值展示,也可以作为维度分类下的数值展示。

在时间轴中,日期、维度和指标有两种组合方式:

  • 1个日期,0个维度,1~3个指标

在这种情况下,可以将日期节点看作维度,指标即将数据按照不同的日期节点进行计算的值。

如下图所示,选择签订合同的日期为日期字段,选择商品单价和商品销售额,时间轴会显示每个日期节点的商品单价和商品销售总额。 image.png

  • 1个日期,1~2个维度,1个指标

这种情况下,即将日期节点的数据按照维度进行二次分类。

如下图所示,签订日期为日期字段,销售负责人为指标,销售额为指标。时间轴会显示每个时间节点下不同的销售负责人成交的总销售额。

image.png

2.3 设置时间、维度和指标属性

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

2.3.1 显示名称

修改日期、维度或指标字段的显示名称

image.png

2.3.2 排列方式

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

image.png

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 条件格式

详情可见

通过设定筛选规则,对满足条件的指标高亮显示,用于突出异常数据、重点数据或预警信息。 例如:设置“销售额大于50000”的值为高亮。

image.png

2.4.4 查看原始数据

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

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

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

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

image.png

  • 查看原始数据的效果

录屏2025-07-31 20.03.44.gif

2.5 时间轴样式

点击报表编辑页面右侧的样式,即可编辑报表的样式

2.5.1 配色方案

更改时间轴的配色方案

image.png

2.5.2 图表背景

更改报表的背景颜色

image.png

2.5.3 标题

更改标题名称、文字大小和显示字号

image.png

2.5.4 类型

可选择线性时间轴或面性时间轴,默认选择线性时间轴 文档图片

  • 线性时间轴

文档图片

  • 面性时间轴

文档图片

2.5.5 分布方式

可选择轴上方分布方式或鱼骨式分布方式,默认选择轴上方

  • 轴上方分布

文档图片

  • 鱼骨式分布

文档图片

2.5.6 日期

可对日期节点的名称显隐、文字大小、日期节点的icon进行设置,也可以对某个日期节点的icon进行自定义。

注意:自定义某个节点的icon,默认不开启,开启后可进行自定义。 image.png 下图为有icon 文档图片 下图为无icon 文档图片

2.5.7 维度

指维度字段的样式配置,及每个时间节点下维度的显示数量。

可对维度字段的名称的字号和颜色进行配置。

节点显示数量自定义指的是每个时间节点下维度的显示数量,默认不勾选,勾选后,可设置仅显示前几个或后几个维度。 image.png

2.5.8 指标

可设置指标数值的显隐和文字大小和颜色 image.png

2.5.9 注释

注释指维度和指标的字段名称,默认不开启,点击开启后,图表中出现字段名称的注释。 image.png