如何使用Heatmap.js_热力图框架Heatmap.js_温度热力图
2025-04-08 23:59:47
最近公司需求需要做一个火灾预警，现在有一个基于heatmap的初步方案，后续持续更新
681

Heatmap.js 是一个用于生成热图的 JavaScript 库，它可以将数据以热图的形式展示出来。

1.安装

cnpm install heatmapjs-vue --save

2.在man.js引入 Heatmap.js

import Vue from 'vue'
import heatmapjsVue from 'heatmapjs-vue'
Vue.use(heatmapjsVue)

3.使用组件

<heatmapjs-vue class="heatmapjs-container" :max="100" :min="0" :data="[{ x: 10, y: 15, value: 5}]"></heatmapjs-vue>
最新文章