跳到主要内容

直方图

一、简介

1.1 功能简介

直方图是把一个数值字段按数值区间切分、用紧挨着的柱形展示每个区间里有多少条数据的报表,用于查看一批数据的分布形态,数据主要集中在哪个区间、是否对称、有没有偏高或偏低的长尾。

1.2 应用场景

适用于需要观察某个数值的分布规律、而非按分类比大小的场景,例如:

  • 订单客单价的分布,看大多数订单集中在哪个价位区间
  • 客户年龄、考试成绩、商品重量等的分布是否集中、是否对称
  • 配合一个分类维度,对比不同分类下的分布差异,如不同产品系列的客单价分布是否不同

1.3 效果展示

以下以某奶茶店「单笔订单金额」为例展示直方图效果。

不添加维度:把所有订单的「单笔订单金额」按区间统计,柱子高度代表落在该金额区间内的订单数量,可看出客单价集中在中间区间、并向高价区间逐渐变少的分布形态。

文档图片

添加 1 个维度:把维度设为「产品系列」后,每个金额区间内会按产品系列堆叠展示(不同颜色代表不同系列),柱子总高仍是该区间的订单总数,便于对比不同系列的客单价分布差异,如经典奶茶集中在较低区间、咖啡集中在较高区间。

文档图片

二、设置步骤

2.1 选择直方图

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

文档图片

2.2 添加指标和维度

2.2.1 添加维度

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

批量添加维度:

文档图片

拖拽方式添加维度:

文档图片

直方图可以不添加维度,此时展示该指标的整体分布;也可以添加 1 个维度作为分类,此时每个数值区间内会按维度的取值堆叠展示,用于对比不同分类下的分布差异。

例如:将「产品系列」作为维度,每个金额区间内会按"经典奶茶 / 水果茶 / 咖啡"上下堆叠,每种颜色代表一个系列。

文档图片

⚠️注意维度字段只能作为维度使用,但指标字段既可以作为维度使用,也可以作为指标使用直方图最多只能添加 1 个维度字段(也可以不添加),需要 1 个指标字段才能使用

2.2.2 添加指标

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

直方图的指标即被分箱统计的数值字段,系统会把它的取值按区间切分作为 x 轴,柱子的高度(y 轴「数量」)则是落在每个区间内的数据条数。

如图所示,单笔订单金额为直方图的指标。

文档图片

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

2.3 设置维度和指标属性

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

2.3.1 显示名称

修改维度字段或指标字段在报表中的显示名称。

文档图片

2.3.2 排列方式

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

文档图片

2.3.3 显示格式

使用范围:数值字段、时间字段详情可见:指标&轴的显示格式

设置指标字段的数值展示格式,包括:

  • 数值单位(如:千、万、百万等)
  • 显示形式(数值或百分比)
  • 是否启用千分位分隔符
  • 前缀与后缀文字
  • 小数位数精度设置

文档图片

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

文档图片

2.3.4 汇总方式

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

设置指标在报表中的统计计算方式。可选项包括:

  • 求和
  • 平均值
  • 最大值
  • 最小值
  • 最新数据
  • 最旧数据

文档图片

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

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

文档图片

2.4 直方图其他功能

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

2.4.1 数据筛选

详情参考:数据筛选

  • 汇总前筛选

在进行数据统计前,根据设定的筛选条件对原始数据进行过滤,仅保留满足条件的数据参与统计。例如:只统计产品系列为"水果茶"的数据。

  • 汇总后筛选

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

文档图片

2.4.2 数据显示

支持设置仅展示报表中排名靠前或靠后的数据。

例如:设置仅显示"前10条"数据,可以聚焦分析最关键的区间。

文档图片

2.5 报表样式设置

切换到报表编辑页右侧的「样式」,可以对报表样式进行设置,使报表更具个性化。

2.5.1 配色方案

可以为报表配置不同的颜色组合。

文档图片

2.5.2 分箱

分箱是直方图的核心设置,把连续数值切成多个区间,用来看每个区间里有多少条数据。

  • 自动:由系统决定区间的数量和宽度。
  • 分箱数:固定区间数量,即指定一共分成多少组。
  • 分箱宽度:固定每段跨度,即指定每个区间多宽。例如设为 10,区间即为 0–10、10–20、20–30……

分箱越细(分箱数越多 / 分箱宽度越小),柱子越多、分布越细致;分箱越粗,柱子越少、分布越概括。

文档图片

2.5.3 图表背景

可以更改报表周围背景区域的颜色。

文档图片

2.5.4 显示缩略轴

可以选择是否显示缩略轴。当分箱较细、区间较多、柱子超出可视范围时,通过滑动缩略轴可以选择 x 轴的数据区间

文档图片

2.5.5 标题

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

文档图片

2.5.6 标签

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

文档图片

2.5.7 图例

添加维度后会显示图例。点击图例可以隐藏或显示该图例的数据;可以选择是否显示图例,并对图例文字的字号、颜色和显示位置进行更改。

文档图片

2.5.8 坐标轴

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

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

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

文档图片

2.5.9 网格线

可以选择是否显示横向和纵向的网格线,并分别对网格线的宽度、颜色以及类型进行修改。

文档图片