在echarts升级为5.0以后出现的不兼容问题,很多帖子说是要恢复到5.0一下版本,但是这样就不支持5.0以上的很多特性,因此首先采用官方推荐写法。
第一种:官方推荐写法
检查你写的是不是这样
myChart.setOption(option,true);
//或 this.charts.setOption(option);
这样的写法都会造成restore恢复按钮点击后图表加载空白,建议修改为
option && myChart.setOption(option,true);
如下像我这样在vue中的写法(略option)
let myChart=this.charts;
let option={...};
option && myChart.setOption(option,true);
这样保存后完美解决!!!!!!!!
第二种:版本回退写法(不推荐)
不推荐,因为这样会使5.0版本的很多特性无法使用或者出现异常报错
看你的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-gl报错
说明echarts的版本和echarts-gl版本不兼容,解决方法如下:
cnpm install echarts@4.1.0 --save
cnpm install echarts-gl@1.1.0 --save
重启项目即可