heatmap.js 是什么

heatmap.js 是一个基于 Canvas 的热图生成库。

用法:


<div>
		<canvas id="test-canvas"></canvas>
</div>

var hm = new HeatMap(document.getElementById("test-canvas"), w, h);
var points = [
		[120, 23],
		[39, 224],
		[87, 138]
	];

hm.addData(points);
hm.render();

 

demo

随机热点图:

 

 

动态热点图:

 

blog: oldj.net