管理后台需要将用户在小程序页面停留时长做成热力图展示出来,效果就和 echarts 的DEMO一样。
现在数据库里存储的字段有用户 UID 、页面路径、进入页面时间、离开页面时间;琢磨了半天文档我还是搞不明白该怎么将现有的数据对应到热力图的数据; x 轴是页面路径,y 轴是页面停留时长,直接这样使用没有 DEMO 的效果,我看 DEMO 里面热力图还有第三个维度,第三个维度我该用哪项数据呢?
1
czfy 2022-08-19 00:36:05 +08:00 via Android
如果你按横轴是页面,纵轴是时长,那么统计量就是 UID 数量
|
2
Xbluer 2022-08-19 00:36:25 +08:00
从 [热力图] 字面 意义上来看:x 、y 轴是确定位置的,比如东经、北纬,z 轴是‘温度’。
你这种情况 z 轴的“温度“应该是“页面停留时长”。“位置”其中一个纬度是“页面路径”,另一个纬度考虑用“进入页面时间”。 那么整个图片可以理解为在 24 小时内,不同路径被访问的热度了。 |
3
christin 2022-08-19 02:16:40 +08:00 via iPhone
z 轴温度是固定的,x 轴可以用来显示时间,那 y 轴就看需求。没有的话就从剩下的字段里面挑吧,反正也没几个数据。
|
4
xaplux 2022-08-19 08:44:06 +08:00
感觉可以从这三个纬度:
x 轴:自然时间(比如每个小时 1-24 、比如每周周一到周日,每月 1 日-31 日,或者其他具体时间区间) y 轴:哪个页面 z 轴:单页面总停留时间 |
5
liuzhaowei55 2022-08-19 09:53:13 +08:00 via iPhone
x 轴:停留页面时长,比如:1s ,5s ,30s ,1m
y 轴:停留页面数量,比如:1 个,5 个,10 个 z 轴:停留人数,比如 n 人在 a 页面停留 1s ,m 人在 b 页面停留 1 s ,聚合起来 应该可以达到效果 |