AngularJSを使用したSQLiteデータベースからのチャート（charts.js）値の作成

Question

グラフを作成しようとしています。そして、ここに私のhtmlコードは

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

と私の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); 
    }); 

は、どのように私は、保留中の合計を表示し、私のチャートで承認することができますか？ありがとう。

Answer 1

私はすでにそれを理解しました。私がそれを正しければ教えてください。しかし、グラフは私のデータベースから値を取得します。

$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); 
     });