在Vue项目中引入 ECharts 3D 路径图 Flights GL(需安装echarts、echarts-gl、jQuery依赖,已踩坑)

本文介绍了在Vue项目中集成ECharts 3D路径图Flights GL的步骤,包括如何下载安装echarts、echarts-gl(需指定版本1.1.0)和jQuery,以及在main.js中的全局引入和配置。同时强调了世界地图js的必要引入,以确保3D路径图正常显示。
摘要由CSDN通过智能技术生成

三、完整代码


一、案例效果图



二、依赖包的下载(echarts、echarts-gl、jQuery)


如下是 ECharts 官网给出的代码,但要注意的是,该代码需要 echarts、echarts-gl、jQuery 的加持才能正常使用;如果不安装依赖包,直接将官网代码引入项目中,会报各种错!

所以我们需要分别在项目中下载安装这些依赖包;

1.echarts 包的下载

(1)通过 npm 安装 ECharts;

npm install echarts --save

(2)在 src 下 main.js 中全局引入 Echarts;

import echarts from ‘echarts’;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值