echarts & vue——echarts图显示隐藏后不显示

echarts图显示隐藏后不显示

因为大部分项目的需求都存在图的缺省内容，当后端返回空数据时，需要给用户反馈一个缺省提醒，所以一般把echarts图作了显示隐藏的功能

那么问题来了，当返回空数据时，先把图隐藏起来，当再次请求到数据并把图进行实例化时，图怎么都显示不出来，控制台上也不报错
只显示一片空白

解决方案

在updated中调用实例的resize()函数，这样就正常显示了

updated(){
     
	this.chart.resize()
}

如果还不行，则需求在每次setOption之前调用resize()函数

fn(){
     
	const option = {
     
		...
	}
	this.chart.resize()
	this.chart.setOption(option, true)
}