最近,在写公司大屏可视化项目,可视化与大屏 结合最好的就是echarts
了。
在Echarts的时候,数据不会始终是静态的,要结合实际项目出发,将动态数据 渲染到 图标上去。
在 使用 Vue + Echarts 动态赋值时,遇到点小坑,数据渲染不上去,找了半天找到一个解决办法。
如有更好的办法,可以下面留言或者发我邮箱 2466996532@qq.com
解决思路
-
先绑定Echarts 视图id
-
然后进行 接口数据请求
-
将 Echarts 配置项 option
放到接口请求成功里,然后就可以 动态赋值了
完整代码
let bing = this.$echarts.init