heatmap.js 使用文档

原创

于 2020-12-11 18:01:58 发布

· 3.5k 阅读

5 ·

版权

文章标签：

#可视化 #javascript

本文档详细介绍了heatmap.js的使用方法，包括创建heatmap实例、更新数据、设置最大最小值、调整配置、获取数据、获取数据点位置的值、实现截图功能以及如何重绘heatmap。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件📎heatmap.min.js

地址 https://www.patrick-wied.at/static/heatmapjs/

创建

var heatmap1 = h337.create({
  	container: domElement, //容器
		backgroundColor, // 背景颜色
		gradient: {//渐变颜色
        "0": "#469b2c",//value为0的颜色
        "0.025": "#096dca",//value为50的颜色
        "0.1": "#dabb24",//value为200的颜色
        "0.25": "#dd8108",//value为500的颜色
        "0.5": "#aa3489",//value为1000的颜色
        "1": "red",//value为2000的颜色
    }, 
	    radius, //半径
	    opacity, //透明
	    maxOpacity, //热图中最大值具有的最大不透明度
	    minOpacity, //热图中最小值的最小不透明度
	    onExtremaChange, //传递回调以接收极值更改更新
	    b

最低0.47元/天解锁文章