可点击的热图图表

Clickable Heatmap chart

本文关键字:      更新时间:2024-03-19

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

提前谢谢。

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

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

它有缺点,比如内存使用率,并且取决于数据数组中的数据量。但为了简单起见,我使用闭包来绑定本地vars来点击事件。这样写内存更轻的解决方案就更清楚了。

相关文章:
  • 没有找到相关文章