可点击的热图图表

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绘制热图。如果能够产生所需答案，我可以使用任何其他热图库。

提前致谢。

Answer 1

这里使用您的数据和热图库是一个快速示例。

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

它有缺点，如内存使用情况，并取决于您在数据阵列中拥有多少数据。但为了简单起见，我使用了闭包将本地变量绑定到click事件。写内存更轻的解决方案要清楚得多。