使用AngularJS创建来自SQLite数据库的图表(charts.js)值
我正在尝试创建一个图表。这是我的html代码使用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
<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);
});