echarts渲染后canvas宽高为零

2021-09-02

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

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

另外在 div 加上 width height

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 主要原因:因为echarts执行速度之快,在dom还没渲染结束 echarts就已经执行完了,所以获取不到父元素的...
    电子键盘手阅读 8,903评论 0 2
  • 事件轮询
    鸿泽云码阅读 1,501评论 0 1
  • 一、前言 本文章为长期更新的文章,记录在vue中使用的echarts的各种技巧以及遇到的问题和解决方案,欢迎纠错指...
    城旁阅读 4,601评论 0 0
  • 常见前端面试题 第一天 ✨ 1. HTML5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分HTM...
    小曼很nice阅读 4,809评论 2 12
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 12,719评论 28 53