2020-12-24

项目场景：

最近在做一个vue项目其中在使用echart时，遇到个奇葩问题，我后台写好接口后，在mounted（）中初始化我的接口方法，数据都正常返回，但是不巧的是echart中的series赋值属性里面的data数据怎么都无法赋值。一直报push未定义。

---

原因分析：

但是在给xAxis横坐标赋值时就没有问题 如：this.cli_echart.xAxis.data.push(this.startDay1.substring(0,7)); 然后我就仔细的看了下原来series属性并不是直接json形式的是先包了一层数组[ ]，破案了！

---

解决方案：

然后直接通过
this.cli_echart.series[0].data.push(this.totalXXa);即可,
push就不再报错了;
如果很多数据的话直接后面
this.cli_echart.series[0].data.push(this.totalXXb);即可
然后效果图就出来了
当然网上说series相当于json串直接通过
this.cli_echart.series.data.push(JSON.parse(JSON.stringify(this.totalXXa)));
我试了下没效果可能是我使用场景不对吧。
总之我一个做后端的自学vue做项目，又解决了个小问题，还是很开心的！哈哈