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

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>