echarts的工具栏restore恢复按钮点击后图表加载失败显示空白,5.0以上版本标准写法，不用回退版本

在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 

重启项目即可