关于Echarts的原生js获取DOM元素与动态加载DOM元素的冲突问题

1.前言：

最近在做的看板项目，因为需要循环加载后台数据，并且用Echarts做数据呈现，所以jQuery和angular等库统统靠边站，Echarts用的是原生js获取DOM元素，至于诸多不兼容等深水坑我就不多赘述了。

2.问题引入：

当我通过Ajax从后端取到需要展示的数据，拿过来动态渲染到页面上，增加Dom元素是常有的事，这个时候就会报错说Echarts没有获取到元素id。

3.解决方案：

　　至于要在外面包一个延时器，当然我试了一下即使把延时时间改到0也是能够顺利加载的。

　　暂时就这么解决了这个问题，中间出的状况种种我没有截图，又不想退回去看BUG，所以就只给出这些解决完成的情况吧。

　　附一张效果图，可惜没有好用的桌面动图截取工具。（谁有推荐一个给我，不胜感激），自行忽略屏幕分辨率问题，因为应用场景固定，屏幕适配就不考虑了