Echarts图设置好了但是在页面无法显示问题
Echarts图设置好了但是在页面无法显示问题明明已经按照echarts官网的方式设置好了echarts图,甚至的按照示例一模一样的数据也无法在页面中显图形, 但是用于装echarts图的容器却可以很正常的显示出来。在控制台中也能够正确打印出完成初始化的echarts图数据,那么原因可能是因为echarts图在初始化渲染的时候浏览器还没有加载好,所以无法显示。使用vue和jQuery都有的框架页面
·
Echarts图设置好了但是在页面无法显示问题
明明已经按照echarts官网的方式设置好了echarts图,甚至的按照示例一模一样的数据也无法在页面中显图形, 但是用于装echarts图的容器却可以很正常的显示出来。
在控制台中也能够正确打印出完成初始化的echarts图数据,那么原因可能是因为echarts图在初始化渲染的时候浏览器还没有加载好,所以无法显示。
使用vue和jQuery都有的框架页面,浏览器和echarts加载都很快,但vue的组件创建和挂载速度相比浏览器和echarts的速度慢,以此导致无法渲染。
解决方式:
- echarts的内容不放在vue的生命周期中,写在单独的script标签内 (不使用vue)
- 或者将created中调用初始化的函数放在mounted中
更多推荐
已为社区贡献1条内容
所有评论(0)