Javascript Heatmap.js可点击热图

我使用创建一个可点击的热图。我尝试以下代码失败

图例正在显示，但单击画布不会生成与其相同的热图

window.onload=函数（）{
//热图配置
变量配置={
元素：document.getElementById（“heatmapArea”），
半径：30，
不透明度：50，
图例：{
位置：“br”，
标题：“示例分发”
}
};
//创建并初始化热图
var heatmap=h337.create（配置）；
document.getElementById（“heatmapArea”）.onclick=function（e）{
热图存储添加数据点（e.layerX，e.layerY，1）；
};
};

在他们的示例中，他们的

div

似乎包含一些样式定义和一个类：

<div id="heatmapArea" class="well" style="width:610px;padding:0;height:400px;cursor:pointer;position:relative;"></div>

但是，您可能只需要在

div

中添加

高度

和

宽度

这是一个

<div id="heatmapArea" class="well" style="width:610px;padding:0;height:400px;cursor:pointer;position:relative;"></div>