解决Echarts图表未占满容器的问题

第一种情况:
canva画布本身就比容器小
原因:div还没有创建出来echarts就已经加载了
解决方法:加延迟

setTimeout(()=>{
	echarts.init
},200)

第二种情况:
canva画布与容器大小一致
通过grid调整

grid:{ // 让图表占满容器
   top:"0px",
   left:"0px",
   right:"0px",
   bottom:"0px"
 },

你可能感兴趣的:(web前端,echarts,javascript,前端,vue)