V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Danswerme
V2EX  ›  问与答

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

  •  
  •   Danswerme · 2022-08-18 22:30:07 +08:00 · 975 次点击
    这是一个创建于 819 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    你这种情况 z 轴的“温度“应该是“页面停留时长”。“位置”其中一个纬度是“页面路径”,另一个纬度考虑用“进入页面时间”。
    那么整个图片可以理解为在 24 小时内,不同路径被访问的热度了。
    christin
        3
    christin  
       2022-08-19 02:16:40 +08:00 via iPhone
    z 轴温度是固定的,x 轴可以用来显示时间,那 y 轴就看需求。没有的话就从剩下的字段里面挑吧,反正也没几个数据。
    xaplux
        4
    xaplux  
       2022-08-19 08:44:06 +08:00
    感觉可以从这三个纬度:
    x 轴:自然时间(比如每个小时 1-24 、比如每周周一到周日,每月 1 日-31 日,或者其他具体时间区间)
    y 轴:哪个页面
    z 轴:单页面总停留时间
    liuzhaowei55
        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 ,聚合起来
    应该可以达到效果
    Danswerme
        6
    Danswerme  
    OP
       2022-08-19 12:51:16 +08:00
    @czfy
    @Xbluer
    @christin
    @xaplux
    @liuzhaowei55 谢谢各位,有思路了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5953 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 02:02 · PVG 10:02 · LAX 18:02 · JFK 21:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.