echarts图显示隐藏后不显示
echarts图显示隐藏后不显示
因为大部分项目的需求都存在图的缺省内容,当后端返回空数据时,需要给用户反馈一个缺省提醒,所以一般把echarts图作了显示隐藏的功能
那么问题来了,当返回空数据时,先把图隐藏起来,当再次请求到数据并把图进行实例化时,图怎么都显示不出来,控制台上也不报错
只显示一片空白
解决方案
在updated中调用实例的resize()函数,这样就正常显示了
updated(){
this.chart.resize()
}
如果还不行,则需求在每次setOption之前调用resize()函数
fn(){
const option = {
...
}
this.chart.resize()
this.chart.setOption(option, true)
}