vue如何导入echarts地图

这篇文章主要为大家展示了"vue如何导入echarts地图"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"vue如何导入echarts地图"这篇文章吧。

导入方法：1、使用"npm install echarts -S"命令安装echarts依赖；2、在"main.js"中全局引入echarts；3、在需要地图的页面中使用import语句引入"china.js"文件，添加相关代码即可。

本教程操作环境：windows7系统、vue2.9.6版、DELL G3电脑。

需求：显示各省名字，滑过标记地显示接入数量，点击标记地 显示系统数量已接入及能跳转对应页面信息的入口；

配置：

1.安装依赖

npm install echarts -S

2.全局引入main.js

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

3.在需要地图的页面引入 地图 china.js 查看官方文档 ，我自己保存的 china.js 点击下载（提取码 4rxi ）

import '../../../static/js/chinamap/china.js' // 引入中国地图数据

使用：

完整实例代码：

以上是"vue如何导入echarts地图"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！