echarts渲染后canvas宽高为零

主要原因:因为echarts执行速度之快,在dom还没渲染结束 echarts就已经执行完了,所以获取不到父元素的宽高,渲染出的canvas宽高为零

解决方法:首先确保dom渲染完(mounted())之后调用绘图方法(line()),在this.$nextTick()里调用绘图函数即可解决

另外在 div 加上 width height

上一篇:解决echarts不是响应式的问题,并解决移除window.addEventListener问题


下一篇:vue 项目使用 echarts