vue之elementUI中根据后台数据循环渲染echars

记录:
直接贴代码
# html部分vue之elementUI中根据后台数据循环渲染echars_第1张图片
js 方法部分:

forEchars(){
      for(var i=0; i

在getData中调用,不要去mounted中调用,会报错;可以加延时器,获取容器最好使用getId 使用vue的refs有时候会提示获取不到问题
···
成品图:
vue之elementUI中根据后台数据循环渲染echars_第2张图片

注意:如果echars 展示出来的是半个容器的宽度的话,不要急,这个问题是因为dom 渲染顺序导致的,可以给渲染echars 的函数加个延时器,可以解决这个问题

你可能感兴趣的:(vue,echars)