问题有关:Vue-axios-echarts,求大佬帮忙?报错

java:

 public List<MachineState> machinestate(){
        List<MachineState> machinestate=this.echartsMapper.MachineState();
        for(MachineState state:machinestate) {
            if(state.getSystemstate()==1) {
                state.setState("在线");//数据拿到字段systemstate等于1是为在线状态
            }else if(state.getSystemstate()==2) {
                state.setState("离线");//为2是离线状态 
            }
        }
        return machinestate;
        
    }

json:

[{"systemstate":1,"count":1,"state":"在线"},{"systemstate":2,"count":3,"state":"离线"}]

html页面中代码是这样子的

这个是js代码

饼图样子是这样的,没有任何问题

问题: 我现在需要在通过vue+echarts然后在页面上做出效果跟html+echarts效果一样 ,json字符串跟上面的也是一样的

,在vue中我的js是这样的

one() {
 	  var  dataArr4=[];
 	  var  dataAss4=[];
 		//获取数据
 	  axios.get("http://192.168.77.8:8080/info/machinestate").then(function(data){
 	  			     for (var i = 0; i < data.length; i++) {
 	  			            	dataArr4.push({ name: data[i].state, value: data[i].count })
 	  			                dataAss4.push(data[i].state)
 	  			            }
 	  });	  
 	  //绘制图表
 	  setTimeout(function(){
 	  	  console.log(dataArr4);
 	  	  console.log(dataAss4);
 	  let myChart = this.$echarts.init(document.getElementById('one'), 'dark')
 	        myChart.setOption({
         backgroundColor: 'rgba(0, 0, 0, 0)',
         title: {
           text: '全疆安全播出设备',
           subtext: '',
           left: 'center',
           textStyle: {
             fontSize: 20, //字体大小
             color: '#D2E9F7' //字体颜色
           },
         },
         tooltip: {
           trigger: 'item',
           formatter: '{a} <br/>{b} : {c} ({d}%)'
         },
         // 保存图片
         toolbox: {
           feature: {
             saveAsImage: {}
           }
         },
         legend: {
           orient: 'vertical',
           left: '6%',
           top: '10%',
           textStyle: {
             fontSize: 13, //字体大小
             color: '#ffffff' //字体颜色
           },
           data: dataAss4
         },
 
         series: [{
           name: '访问来源',
           type: 'pie',
           radius: '55%',
           center: ['55%', '60%'],
           data: dataArr4,
           emphasis: {
             itemStyle: {
               shadowBlur: 10,
               shadowOffsetX: 0,
               shadowColor: 'rgba(0, 0, 0, 0.5)'
             }
           }
         }]
       });
 	  },2000);
       
 
     },

页面报错: