Heatmap.js– 最强大 Web 动态热图

Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以实现各种动态热力图的网页,帮助您研究和可视化用户的行为。

Heatmap.js V2.0 是目前网络上最先进的热图可视化库。新的2.0版本 Heatmap.js 更快,拥有更强的渲染模块,使用更方便,因此您可以快速掌握和扩展自定义功能。

 

插件下载     效果演示

下面是一个简单的调用示例:

// minimal heatmap instance configuration  var heatmapInstance = h337.create({    // only container is required, the rest will be defaults    container: document.querySelector('.heatmap')  });    // now generate some random data  var points = [];  var max = 0;  var width = 840;  var height = 400;  var len = 200;    while (len--) {    var val = Math.floor(Math.random()*100);    max = Math.max(max, val);    var point = {      x: Math.floor(Math.random()*width),      y: Math.floor(Math.random()*height),      value: val    };    points.push(point);  }  // heatmap data format  var data = {     max: max,     data: points   };  // if you have a set of datapoints always use setData instead of addData  // for data initialization  heatmapInstance.setData(data);
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《Heatmap.js– 最强大 Web 动态热图》
文章链接:https://www.lbyxlz.com/heatmap-js-%e6%9c%80%e5%bc%ba%e5%a4%a7-web-%e5%8a%a8%e6%80%81%e7%83%ad%e5%9b%be/
分享到: 生成海报

热门文章

    评论 抢沙发

    • QQ号
    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址
    切换注册

    登录

    点击按钮进行验证

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活