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

Question

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代码

Answer 1

你在settimeout的回调函数之中使用了this，它并不包含echart对象。应当在外面定义let _this= this，之后在settimeout回调函数内使用_this.$echart