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

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

前言

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

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

参考文章:

人员流动echarts图

Vue项目中Echarts报错ReferenceError: echarts is not defined已解决

在vue中引入echart的折线图时,echarts.graphic.LinearGradient,不能正常显示的解决方法。

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

解决

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

注意$

下班~

目录
相关文章
|
3月前
|
JavaScript 算法 前端开发
vue + echarts实现国省市三级下钻联动
vue + echarts实现国省市三级下钻联动
197 0
|
4天前
|
JavaScript
echarts在Vue项目中的实际运用效果图
这篇文章展示了在Vue项目中使用ECharts图表库的步骤,包括安装ECharts、引入到Vue组件、创建图表实例以及通过watch监听数据变化来实现实时数据更新的方法。
echarts在Vue项目中的实际运用效果图
|
4天前
|
JavaScript 数据可视化 搜索推荐
在Vue项目中使用Echarts图表库
这篇文章介绍了如何在Vue项目中集成ECharts图表库,并通过具体的代码示例展示了如何创建并配置一个饼图来展示数据。
8 0
在Vue项目中使用Echarts图表库
|
6天前
|
JavaScript
Echarts——VUE中如何给echarts绑定click事件
Echarts——VUE中如何给echarts绑定click事件
13 1
|
6天前
|
JavaScript
Echarts——VUE中非根节点时不显示图表也无报错
Echarts——VUE中非根节点时不显示图表也无报错
15 1
|
1月前
|
JavaScript
【vue】 在vue2项目中使用echarts
【vue】 在vue2项目中使用echarts
26 0
|
1月前
|
JavaScript
vue 图表 Echarts
vue 图表 Echarts
24 0
|
1月前
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
137 0
|
2月前
|
JavaScript 容器
|
2月前
|
JavaScript Apache CDN
Vue项目使用ECharts实现图表
Vue项目使用ECharts实现图表
44 0

热门文章

最新文章