V 友们请教一下 echarts 热力图的使用问题,实在没有头绪了。

2022-08-18 22:30:07 +08:00
 Danswerme

管理后台需要将用户在小程序页面停留时长做成热力图展示出来,效果就和 echarts 的DEMO一样。

现在数据库里存储的字段有用户 UID 、页面路径、进入页面时间、离开页面时间;琢磨了半天文档我还是搞不明白该怎么将现有的数据对应到热力图的数据; x 轴是页面路径,y 轴是页面停留时长,直接这样使用没有 DEMO 的效果,我看 DEMO 里面热力图还有第三个维度,第三个维度我该用哪项数据呢?

879 次点击
所在节点    问与答
6 条回复
czfy
2022-08-19 00:36:05 +08:00
如果你按横轴是页面,纵轴是时长,那么统计量就是 UID 数量
Xbluer
2022-08-19 00:36:25 +08:00
从 [热力图] 字面 意义上来看:x 、y 轴是确定位置的,比如东经、北纬,z 轴是‘温度’。

你这种情况 z 轴的“温度“应该是“页面停留时长”。“位置”其中一个纬度是“页面路径”,另一个纬度考虑用“进入页面时间”。
那么整个图片可以理解为在 24 小时内,不同路径被访问的热度了。
christin
2022-08-19 02:16:40 +08:00
z 轴温度是固定的,x 轴可以用来显示时间,那 y 轴就看需求。没有的话就从剩下的字段里面挑吧,反正也没几个数据。
xaplux
2022-08-19 08:44:06 +08:00
感觉可以从这三个纬度:
x 轴:自然时间(比如每个小时 1-24 、比如每周周一到周日,每月 1 日-31 日,或者其他具体时间区间)
y 轴:哪个页面
z 轴:单页面总停留时间
liuzhaowei55
2022-08-19 09:53:13 +08:00
x 轴:停留页面时长,比如:1s ,5s ,30s ,1m
y 轴:停留页面数量,比如:1 个,5 个,10 个
z 轴:停留人数,比如 n 人在 a 页面停留 1s ,m 人在 b 页面停留 1 s ,聚合起来
应该可以达到效果
Danswerme
2022-08-19 12:51:16 +08:00
@czfy
@Xbluer
@christin
@xaplux
@liuzhaowei55 谢谢各位,有思路了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/873850

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX