javascript - 可点击的热图图表

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/

它有缺点，比如内存使用和取决于数据数组中有多少数据。但为了简单起见，我使用闭包将本地变量绑定(bind)到点击事件。编写内存更轻的解决方案要清楚得多。