似一块扣肉的博客

canvas实现温度热力图、温度分布图。现在市场上的热力图都是根据同一点的数量来表示当前点的热度。随着物联网温度传感器的使用，越来越多的业务开始监控一个平面或者一个区域的温度，然而这种监控的可视化是现在的echarts也没有提供很好的表现形式。我就自己研究了一下，简单实现一下，温度分布图。上一期 实现了简单的温度分布图，这次要给温度分布图加上提示框。效果如下canvas监听实现第一步 监听鼠标移动事件用onmousemove事件监听鼠标移动事件 //当前选中的点 var previ

canvas实现温度热力图、温度分布图。现在市场上的热力图都是根据同一点的数量来表示当前点的热度。随着物联网温度传感器的使用，越来越多的业务开始监控一个平面或者一个区域的温度，然而这种监控的可视化是现在的echarts也没有提供很好的表现形式。我就自己研究了一下，简单实现一下，温度分布图。下面是效果图canvas实现第一步 获取canvas的dom<canvas id="canvas" width="600" height="600px"></canvas>.