热力图生成器介绍
热力图用颜色深浅表示二维网格上的数值强弱:横轴一维、纵轴一维、颜色即数值,配上连续色带图例,「哪里热、哪里冷」一眼可见,是时段分析与矩阵数据的常用图表。
分析一周内「星期 × 时段」的订单量热区、机房「机柜 × 时间」的温度分布、课程「科目 × 学生」的得分矩阵,三列数据粘进来即成热力图,深色块就是需要关注的焦点。
基于 Apache ECharts 渲染,行列按数据自动聚合,色带范围按数值最小最大值自适应,悬停显示精确数值;数据为三列(X、Y、数值),同一格多条记录自动求和,全部处理在本地完成。
使用步骤
- 1录入数据:每行三列:X、Y、数值,如「周一, 9点, 320」。
- 2生成热力:网格与色带实时生成,颜色越深数值越大。
- 3对照图例:右侧色带图例标注数值范围,悬停查看格内精确值。
- 4导出使用:导出高清 PNG 用于运营复盘或报告。
适用场景
- 时段运营星期 × 小时的订单热力图,找到投放与排班的黄金时段。
- 考勤分析工位 × 日期的使用率热区,优化办公空间布局。
- 成绩矩阵学生 × 科目得分热力图,快速定位薄弱学科。
- 设备监控机柜 × 时间的温度热力,辅助散热调度。
实用小贴士
- X/Y 标签建议控制在 4 字以内,热区标签才不会被截断。
- 数值跨度极大时颜色分层会不明显,可先取对数再粘贴。
- 行列数均超过 30 时,格子会很小,建议聚合后再出图。
常见问题
同一格子有多条数据怎么办?
同格数值自动求和;若想取平均,请先在表格软件中聚合好再粘贴。
行列顺序可以控制吗?
行列顺序按数据中首次出现的顺序排列,把想要的位置按序录入即可。
数据缺失的格子?
缺失格显示为最浅色,必要时可显式补一行 0 让色带范围更准确。