Erstellen von Diagrammen (Charts.js) Werte von SQLite-Datenbank mit AngularJS

Question

Ich versuche, ein Diagramm zu erstellen. Und hier ist mein HTML-Code

<div class="card"> 
    <div class="item item-divider"> 
    Approved and Pending Members 
    </div> 
    <div class="item item-text-wrap"> 
     <canvas id="line" class="chart chart-bar" data="memStatData" labels="status" legend="true" series="stats" options="{showTooltips: true}">  </canvas> 
    </div> 
</div> 

und meine JS:

$scope.status = ["Approved", "Pending"]; 
    $scope.stats = ["Stats"]; 
    $scope.memStatData = []; 

    var query = "SELECT sum(members.status='P') as pending, " 
    + "sum(members.status='A') as approved FROM members"; 
    $cordovaSQLite.execute(db, query, []) 
    .then(function(res){ 
     $scope.memStatData = res.rows.item(0); 
     console.log(JSON.stringify($scope.memStatData)); 
    }, function(err){ 
     $cordovaToast.showShortBottom('Something Went Wrong').then(function(success){}, function(err){}); 
     console.log(err.message); 
    }); 

Wie kann ich die Summe der ausstehenden und in meinem Diagramm genehmigt Anzeige? Vielen Dank.

Answer 1

Ich habe es schon herausgefunden. Lass es mich wissen, wenn ich es richtig gemacht habe. Aber das Diagramm erhält Werte aus meiner Datenbank.

$scope.status = ["Approved", "Pending"]; 
      $scope.stats = ["Stats"]; 

var query = "SELECT sum(members.status='P') as pending, " 
     + "sum(members.status='A') as approved FROM members"; 
     $cordovaSQLite.execute(db, query, []) 
     .then(function(res){ 
      $scope.memStatData= res.rows.item(0); 
      var p = $scope.memStatData.pending; 
      var a = $scope.memStatData.approved; 
      console.log(p); 
      console.log(a); 
      $scope.memStatData = [ 
       [p, a] 
      ]; 
     }, function(err){ 
      // $cordovaToast.showShortBottom('Something Went Wrong').then(function(success){}, function(err){}); 
      console.log(err.message); 
     });