醋醋百科网

因为项目中需要用到热力图，就研究了。网上很多是用echarts+地图实现。因为不想使用地图，就只想使用一个静止地图截图作为背景图(不需要地图的任何操作，就是展示)。加载热力图。因为使用的vue，就考虑使用vue的组件实现。本次使用的是heatmapjs-vue ,基于 heatmap.js

各位同学，大家好。前面课程教大家使用ECharts来开发可视化图表。从本次课开始，我们介绍在VUE前端框架下，开发可视化图表的方法。

01 什么是VUE？

vue是一个构建用户界面UI的渐进式javascript框架，渐进式的框架是指可以一步一步的由浅入深的去使用这个框架，该框架可以逐步引入项目。

首先我们初始化一个 vue 项目，执行 vue init webpack echart,接着我们进入初始化的项目下。安装 echarts，

npm install echarts -S //或