关于echarts画布宽度溢出问题解决方案

在使用echarts画表时,由于echarts采用flex布局,有的时候页面加载,会出现echarts画布溢出问题,超出父盒子宽度。

以上原因由于echarts在加载时,没有获取到父盒子宽度,我们可以使用settimeout延迟echarts画布加载

下面贴上解决的代码块

setTimeout(() => { 
  this.dom = echarts.init(this.$refs.dom) 
  this.dom.setOption(option) 
})

 

金烽网络分享最优质的的资源,涵盖网站建设、IT技术、主题源码
金烽网络 » 关于echarts画布宽度溢出问题解决方案

发表评论