chart.js:从数据库获取数据后的空甜甜圈

时间:2018-06-09 19:25:49

标签: javascript angular spring-boot chart.js

将数据库中的数据放入chart.js中的数组不起作用并给出一个空的甜甜圈:

我正在使用角度/弹簧靴作为后端

constructor(private statistiqueService:StatistiqueService) { 
    this.statistiqueService.getStateClient().subscribe(
      resp=>{
        for(var i=0;i<resp.length;i++){
          this.dataStatus[i]=resp[i][1];
          this.labelStatus[i]=resp[i][0];
        }

      }
    );
  }

  statusClient(){
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
      type: 'doughnut',
      data: {
        datasets: [{
            data: this.dataStatus,
            backgroundColor: [
              'rgba(255, 99, 132, 0.8)',
              'rgba(54, 162, 235, 0.8)'
          ]
        }],    
        labels:this.labelStatus
    }
  });
  }

  ngOnInit() {
          console.log("Data");
          console.log(this.dataStatus);
          console.log("Label");
          console.log(this.labelStatus);
    this.statusClient();
  }

日志后的我的数据是here

0 个答案:

没有答案