项目场景:
最近在做一个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做项目,又解决了个小问题,还是很开心的!哈哈