聚合热图点击点

Question

我正在使用 heatmap.js 版本2来改善我的产品可用性。我正面临着以下情况。

Javascript代码

var data = [ {x:100, y:100, value:1}, {x:110,y:110, value:1}, {x:110,y:120, value:1}, {x:130, y:150, value:1}, {x:150, y:160, value:1}, {x:50, y:50}, {x:50, y:50, value:1}];
var heatmap = h337.create({
       container: document.getElementById("overlay"),
       opacity: 0.4,
       radius:30,
       backgroundColor:"rgba(0,0,0,0.4)"
});
for(var i=0, l = data.length; i < l; i++) {
   heatmap.addData(data[i]);
}

如果你看到这个图像，颜色表示显示点击次数最多的区域，因为在同一个x和y（[x：50，y：50]，[x：50，y：50]）发生了两次点击，但是底部一个人在半径中有更多的点击次数（30）。

问题

汇总点击点的正确方法是什么？