Heatmap.js 热力图の错误大集合，带你走向阳光大道

yzd的热力图出了点问题，学长让我试着画一画看，hearmip.js是一个轮子，用来画热力图的，要使用的先到官网上下载一个js文件，然后传入容器和数据，就会自动生成一张canvas画布显示到网页上。

听起来很简单，愚蠢的我画了一天。

1． 刚开始一直画在svg标签下，永远在报错的路上，

2． 后来照着官网打，随机生成数据在网页上呈现热力图，终于发现heatmap.js运行完后自动生成的是csv画布，然后修改代码。

3． 开始想用d3生成div再画图，然后发现用了div也出现不了热力图。回过头去找例子和自己代码的区别，最后还是学长告诉的：数据里的值的类型必须要是int型，(在这之前只发现了value要是int，没有改x和y所以一直不能成功)

4． 后来热力图画出来之后发现交互出现问题，点击几次之后，按钮会往上走，然后决定把div写到body里。终于画出图之后拿给学长看，发现红色区域太多了，被学长叫去看API，修改参数