echarts点击右上角还原按钮(restore)图表空白问题

973 阅读1分钟

在这里插入图片描述
初始图:
在这里插入图片描述
初始图是完整可以显示的,点击右上角几个按钮都没问题,唯独点了还原按钮就出了以下问题:
在这里插入图片描述

啥也没有了.
不要慌,打开编辑器的终端看看:
在这里插入图片描述
是不是报这个错了.echarts没有到处,
再看看你的package,json里面的echarts的版本是多少,是不是5点多.
解决方法
1.就是echarts的版本改到4以下.例如

cnpm install echarts@4.9.0 --save

2.main.js中引入方式改一下

 //import  echarts from 'echarts'
 //修改为一下任意一种方式即可
import * as echarts from 'echarts'
const echarts = require('echarts');

3,如果出现一下报错:
在这里插入图片描述
说明echarts的版本和echarts-gl版本不兼容,解决方法如下:

cnpm install echarts@4.1.0 --save 
cnpm install echarts-gl@1.1.0 --save 

安装完后重启项目,完美解决!
📢没了,结束了,是不是很简单呐,如有问题,欢迎留言。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~