Создание диаграмм (charts.js) значений, поступающих из базы данных SQLite с помощью AngularJS

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