Echarts图设置好了但是在页面无法显示问题

明明已经按照echarts官网的方式设置好了echarts图,甚至的按照示例一模一样的数据也无法在页面中显图形, 但是用于装echarts图的容器却可以很正常的显示出来。
在控制台中也能够正确打印出完成初始化的echarts图数据,那么原因可能是因为echarts图在初始化渲染的时候浏览器还没有加载好,所以无法显示。
使用vue和jQuery都有的框架页面,浏览器和echarts加载都很快,但vue的组件创建和挂载速度相比浏览器和echarts的速度慢,以此导致无法渲染。
解决方式:

  • echarts的内容不放在vue的生命周期中,写在单独的script标签内 (不使用vue)
  • 或者将created中调用初始化的函数放在mounted中
Logo

前往低代码交流专区

更多推荐