使用AngularJS创建来自SQLite数据库的图表(charts.js)值

使用AngularJS创建来自SQLite数据库的图表(charts.js)值,angularjs,database,sqlite,chart.js,Angularjs,Database,Sqlite,Chart.js,我正在尝试创建一个图表。这是我的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="memStatDat

我正在尝试创建一个图表。这是我的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>

如何在图表中显示待处理和已批准的总数?谢谢。

我已经弄明白了。让我知道我是否做对了。但是图表从我的数据库中获取值

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

看起来您正在尝试创建条形图?看看示例用法(),特别是关于数据集的部分,您将看到如何将数据提供给图表。如果你被困在这个问题上,可以问一个更具体的问题。
  $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);
      });