可点击的热图图表
Clickable Heatmap chart
我正在尝试从一些静态数据创建热图。数据具有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来点击事件。这样写内存更轻的解决方案就更清楚了。
相关文章:
- 没有找到相关文章