使用Echarts完成对中国地图的绘制

前言

• 我们在使用代码绘画地图的时候通常使用的是canvas，但是canvas是H5新增的东西，用起来不免有些麻烦，代码多，逻辑处理麻烦、本篇文章就利用echarts插件来完成中国地图的绘制

---

1.什么是Echarts插件

• 从官网的解释我们可以知道echarts是商业级数据图表，是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
  简而言之，echarts就是一个帮助数据可视化的库。

---

2.如何在vue中使用Echarts

• 1.首先要安装Echarts插件 下载自己需要的版本即可

npm install echarts@4.9.0 --save   
注：不建议安装最新版本最新版本多少会有bug

• 2.在main.js中引入Echarts

import echarts from 'echarts'
// 挂载到vue原型中就可以全局使用
Vue.prototype.$echarts = echarts

• 3.在其他组件中使用

this.$echarts 即可使用