AngularJS图表更新

时间:2016-03-02 21:34:31

标签: javascript angularjs charts

可能很容易,但我无法理解这一点......问题是饼图不会在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

0 个答案:

没有答案