可能很容易,但我无法理解这一点......问题是饼图不会在POST查询中显示来自数据的更新内容。
预定义的内容显示在页面上。
标记:
<div class="col-lg-6 col-sm-12" id="pie-chart" ng-controller="ChartCtrlS">
<div class="panel panel-default">
<div class="panel-heading">Label 23 </div>
<div class="panel-body">
<canvas id="pie" class="chart chart-pie chart-xs" data="pie2.data" labels="pie2.labels"></canvas>
</div>
</div>
</div>
和控制器代码:
angular.module('sbAdminApp')
.controller('ChartCtrlS', ['$scope','$http', function($scope, $http) {
$scope.pie2 = {
labels : ["TheOne", "TheOne Next"],
data : [1, 1]
};
<---- CODE CUT -->
}).success(function (data, status, headers, config) {
var slabels = [];
var array = [];
var sdata = [array];
for (var i =0; i < data.length; i++ ) {
var nom = data[i];
if (nom.seats > 0) {
slabels.push(nom.name);
sdata.push (nom.seats);
}
}
$scope.pie2.labels.push.apply(slabels);
$scope.pie2.data.push.apply(sdata);
$scope.vpresults = data;
}).error(function (data, status, headers, config) {
$scope.status = status;
});
};
}]);
Angulajs版本为1.2.16,angulajs-chart 0.5.3