【vue】 vue中echarts渐变被覆盖、失效，echarts.graphic.LinearGradient，不能正常显示的解决方法。

fruge365

发布于 2025-12-15 10:16:45

1100

如图，今天引用echarts地图时报错 echarts is not defined已解决

参考网上文章解决，在这里备份一下防止下次遇到

1.注意下载依赖的版本，我用的是4.9.0没有问题

npm install echarts@4.9.0 --save

2.在mian.js中注册也要注意格式

import * as echarts from "echarts";
import "echarts/map/js/china";
Vue.prototype.$echarts = echarts;

3.修改代码需要将原来的

 new echarts.graphic.LinearGradient

改成这样:

new this.$echarts.graphic.LinearGradient

注意$

下班~

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-03-18，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度