vue项目引入 echarts，实现地图相关操作

前言

主要介绍了vue 项目引入echarts 。
功能是地图示例，底图底色默认、浮动、点击颜色更新，给提示框（tooltitle）添加点击事件（点击显示弹出框），废话不多说，直接上干货！

NPM 安装 ECharts

npm install echarts --save

引入项目

• main.js文件中引入

// echarts 引入
import echarts from 'echarts'
Vue.prototype.$echarts = echarts

获取地图geojson数据

DataV.GeoAtlas地理小工具系列

代码展示

效果图：

盐城.png

注意事项

1. triggerOn 一定要改为 “click”
2. enterable 要设置为 true，才能使鼠标进入提示框，才可以为提示框添加点击事件。
3. dialog方法传参的时候一定要加上引号,否则会报错。