Javascript 点击热图

Javascript 点击热图,javascript,jquery,html,css,heatmap,Javascript,Jquery,Html,Css,Heatmap,我正在尝试从一些静态数据创建热图。该数据具有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

我正在尝试从一些静态数据创建热图。该数据具有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'}]
我正在用它来绘制热图。如果我能给出所需的答案,我可以使用任何其他热图库


提前感谢。

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


它有一些缺点,比如内存使用,这取决于数据数组中有多少数据。但为了简单起见,我使用闭包将本地变量绑定到click事件。编写内存打火机解决方案比编写内存打火机解决方案要清晰得多。

下面是使用数据和热图库的快速示例


它有一些缺点,比如内存使用,这取决于数据数组中有多少数据。但为了简单起见,我使用闭包将本地变量绑定到click事件。编写内存更轻的解决方案会更清晰。

太好了,非常感谢。至少我现在可以在上面建东西了。太好了,非常感谢。至少我现在可以在上面建东西了。