Javascript 如何通过angularjs将动态数据放入chart.js中的数据集中

我正在使用angularjs，希望从数据库中提取的数据中输入动态数据。 到目前为止，我所做的是声明两个数组，然后用数据库中的数据填充这些数组，并试图将其发送到chart.js方法，但都是徒劳的。 它使用的是静态数据集，所以没有问题

守则：

 $scope.TableData = [];
 var $scope.labelsChart = [];
 var $scope.datasets = [];

 $scope.func = function () {
        console.log("Running");
    }

    $http({
        method: 'GET',
        url: 'Ferns/Feto/getTable',
        dataType: 'JSON',
    }).then(function successCallback(response) {
        $scope.TableData = response.data;
        fillChart($scope.TableData);
    });


    var TrChart = document.getElementById('TrChart').getContext('2d');

    function fillChart(data) {
        for (var i = 0; i < data.length; i++) {
           labelsChart.push(data[i].IGroup);
            datasets.push(data[i].TotFerns);
        }

        console.log(labelsChart);
        console.log(datasets);
    }

    var FernChart = new Chart(TrChart, {
        type: 'bar',
        data: {
            labels: labelsChart,
            datasets: [{
                label : 'Number of Ferns',
                data: datasets
                }]
        },
        options: {},
    });

$scope.TableData=[]；
var$scope.labelsChart=[]；
var$scope.datasets=[]；
$scope.func=函数（）{
控制台日志（“运行”）；
}
$http({
方法：“GET”，
url:'Ferns/Feto/getTable'，
数据类型：“JSON”，
}).then（函数成功回调（响应）{
$scope.TableData=response.data；
fillChart（$scope.TableData）；
});
var TrChart=document.getElementById（'TrChart'）.getContext（'2d'）；
函数填充图（数据）{
对于（变量i=0；i

有人能帮我吗。先谢谢你。。。 我是新来的，所以如果我错过了什么，或者你想知道更多，那么我也会发布

多谢各位