可點擊的熱圖圖

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繪製heatmap.I可以使用任何其他熱圖庫，如果我能產生所需要的答案。

在此先感謝。

Answer 1

在這裏使用你的數據和熱圖庫是一個快速的例子。

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

它也有缺點，如內存使用情況，並取決於你有多少數據在數據陣列。但爲了簡單起見，我使用閉包來綁定局部變量來點擊事件。那寫出記憶更輕的解決方案就更清晰了。