Vue+Echarts动态数据赋值

最近,在写公司大屏可视化项目,可视化与大屏 结合最好的就是echarts 了。

在Echarts的时候,数据不会始终是静态的,要结合实际项目出发,将动态数据 渲染到 图标上去。

在 使用 Vue + Echarts 动态赋值时,遇到点小坑,数据渲染不上去,找了半天找到一个解决办法。


如有更好的办法,可以下面留言或者发我邮箱 [email protected]
解决思路
  • 先绑定Echarts 视图id
  • 然后进行 接口数据请求
  • 将 Echarts 配置项 option放到接口请求成功里,然后就可以 动态赋值了
完整代码
// 1. 绑定视图id
let bing = this.$echarts.init

你可能感兴趣的:(Vue开发实战总结,日常坑,vue.js)