TypeError：无法读取未定义的属性“数据集” - 角度图

Question

我正在尝试使用角度图来显示图表。但我得到以下错误：

类型错误：不能在Object.i.Type.extend.initialize（http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:27506） 的对象在Object.e.Type（http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:9713） 读的不确定 财产“数据集” .S（http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:12974） 在E（匿名函数），酒吧（http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:13316）

我的代码：

app.controller('graphController', ['$scope', '$kinvey','$location', function($scope, $kinvey, $location) { 
$scope.popula = function(){ 
    var query = new $kinvey.Query(); 
    query.equalTo('idColetor', 659238569);       
    query.descending('tsmilliseconds').limit(7); 
    var promise = $kinvey.DataStore.find('dataBase', query); 
    promise.then(function(response) { 
    arrayVelocidade = []; 
    for(var j = response.length - 1; j >= 0 ; j--) {   
     arrayVelocidade.push(response[j].veloc);  
    } 
    drawLineChart(arrayVelocidade); 


}); 
}; 


function drawLineChart(arrayVelocidade){ 

    $scope.lineChartData = { 
     labels: ["30", "25", "20", "15", "10", "05", "0"], 
     datasets: [ 
     { 
     label: "Velocidade", 
     fillColor: "rgba(220,220,220,0.2)", 
     strokeColor: "rgba(220,220,220,1)", 
     pointColor: "rgba(220,220,220,1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(220,220,220,1)", 
     data: arrayVelocidade 
     } 
     ] 
    }; 
    $scope.activeData = $scope.lineChartData; 
} 



} 
]); 

在索引页我叫：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js"></script> 
<script src="http://da189i1jfloii.cloudfront.net/js/kinvey-angular-1.5.1.min.js"></script> 
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js"></script> 
<script type="text/javascript" src="dist/angular-chartjs.min.js"></script> 
<script src="js/jquery.js"></script> 

任何信息都会有帮助。谢谢 ！

Answer 1

角度图预期输入数据将以某种格式（与Chart.js不完全相同）。尝试格式化您的输入数据看起来像样品在http://jtblin.github.io/angular-chart.js/

angular.module("app", ["chart.js"]).controller("LineCtrl", function ($scope) { 

    $scope.labels = ["January", "February", "March", "April", "May", "June", "July"]; 
    $scope.series = ['Series A', 'Series B']; 
    $scope.data = [ 
    [65, 59, 80, 81, 56, 55, 40], 
    [28, 48, 40, 19, 86, 27, 90] 
    ]; 
}); 

注意data只是一个数组的数组，而不是一个对象像chart.js之和labels是一个单独的数组。