热力图
一、简介
1.1 功能简介
热力图是用一个网格展示数据的报表,网格的行和列分别由两个维度决定,每个格子的颜色深浅代表指标值的大小,颜色越深数值越大。它适合在两个维度的交叉点上比较数值高低,快速找出数值集中的区域。
1.2 应用场景
适用于需要在两个维度交叉下比较数值、发现分布规律的场景
- 各月份各产品系列的销售额对比
- 一周内各时段的客流量分布
- 各地区各品类的业绩对比
1.3 效果展示
如下图所示,通过热力图展示某奶茶店各产品系列在各月份的销售额。X 轴为月份、Y 轴为产品系列,每个格子的颜色深浅代表该系列当月的销售额,颜色越深销售额越高,便于快速找出销售高峰的月份与系列。

二、设置步骤
2.1 选择热力图
进入报表编辑页面,点击图表类型下的热力图即可开始编辑热力图,也可以将已经编辑好的其他类型图表转换成热力图。

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

拖拽方式添加维度:

被归类为维度的字段将成为热力图网格的坐标。热力图需要 2 个维度:第一个维度作为 X 轴、第二个维度作为 Y 轴,两个维度的每一组组合对应一个格子。例如将月份作为第一个维度、产品系列作为第二个维度,报表会生成"月份 × 产品系列"的网格。

⚠️注意维度字段只能作为维度使用,但指标字段既可以作为维度使用,也可以作为指标使用热力图需要 2 个维度字段(分别作为 X 轴和 Y 轴)和 1 个指标字段才能使用
2.2.2 添加指标
可通过拖拽的方式将指标字段拖拽到指标区域。
指标是通过指定的计算方式(默认求和)计算后得出的数据,在热力图中指标表现为格子的颜色深浅,数值越大颜色越深。
如图所示,销售额为热力图的指标。

⚠️注意只有数字字段可以作为指标。使用轻流作为应用数据源时,需要确保希望作为指标的字段格式是数字字段热力图只能添加 1 个指标字段
2.3 设置维度和指标属性
点击维度或指标左侧的倒三角图标即可编辑维度或指标的属性。
2.3.1 显示名称
修改维度字段或指标字段在报表中的显示名称。

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

2.3.3 显示格式
使用范围:数值字段、时间字段详情可见:指标&轴的显示格式
- 设置指标字段的数值展示格式,包括:
- 数值单位(如:千、万、百万等)
- 显示形式(数值或百分比)
- 是否启用千分位分隔符
- 前缀与后缀文字
- 小数位数精度设置

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

2.3.4 汇总方式
使用范围:数值字段、地址字段
- 设置指标在报表中的统计计算方式。可选项包括:
- 求和
- 平均值
- 最大值
- 最小值
- 最新数据
- 最旧数据
例如,指标的汇总方式为求和时,系统将计算不同月份维度下的销售额总和;当指标的汇总方式为平均值时,系统将计算不同月份维度下销售额的平均值

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

2.4 热力图其他功能
点击报表编辑页右侧的「功能」设置报表的其他功能。
2.4.1 数据筛选
详情参考:数据筛选
- 汇总前筛选
在进行数据统计前,根据设定的筛选条件对原始数据进行过滤,仅保留满足条件的数据参与统计。例如:只统计产品系列为"水果茶"的数据。
- 汇总后筛选
在完成报表统计后,再根据条件**对已生成的报表结果进行筛选,**仅显示符合条件的记录。

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

2.4.3 查看原始数据
开启该功能后,用户可在报表中点击某个格子,查看其对应的原始数据记录。支持以下设置:
- 查看权限:指定哪些成员有权限查看原始数据。
- 显示字段范围:设置用户可见的原始字段内容。
⚠️若数据源中某字段被删除或隐藏,原始数据将无法展示,需重新配置字段显示范围。
- 设置查看原始数据的权限和显示字段

- 查看原始数据效果

2.5 报表样式设置
切换到报表编辑页右侧的「样式」,可以对报表样式进行设置,使报表更具个性化。
2.5.1 热力色带
热力色带决定格子颜色与数值的对应关系。可分别设置「低值」「高值」两端的颜色,数值越接近高值、颜色越接近高值色;勾选「反转色带」可将低值与高值的颜色对调。

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

2.5.3 显示缩略轴
可以选择是否显示缩略轴。通过滑动缩略轴可以选择 x 轴的数据区间。

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

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

2.5.6 图例
图例即顶部的颜色刻度,展示颜色与数值的对应范围。可以选择是否显示图例,并对图例文字的字号、颜色和显示位置进行更改。

2.5.7 坐标轴
可以选择是否显示坐标轴,并对坐标轴的颜色、宽度以及类型进行更改,也可以设置轴标签的字号与颜色。
⚠️轴标签的智能显示是指当标签长度过长时倾斜展示。

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