可点击的热图图

Question

我想从一些静态数据创建一个热图。数据具有x，y坐标和数据点处的值。该值与一个URL相关联，并且我希望将其设置为可点击事件，因此单击热图时它将重定向到该URL。 数据是什么样子，

data= 
[{point:[0,0],value:1,url:'http://www.google.com'}, 
{point:[0,1],value:2,url:'http://www.yahoo.com'}, 
{point:[1,0],value:5,url:'http://www.apple.com'}, 
{point:[1,1],value:10,url:'http://www.netflix.com'}] 

我使用heatmap.js绘制heatmap.I可以使用任何其他热图库，如果我能产生所需要的答案。

在此先感谢。

Answer 1

在这里使用你的数据和热图库是一个快速的例子。

http://jsfiddle.net/mjaric/3ELmM/

它也有缺点，如内存使用情况，并取决于你有多少数据在数据阵列。但为了简单起见，我使用闭包来绑定局部变量来点击事件。那写出记忆更轻的解决方案就更清晰了。