Angularjs 在角度方向上绘制莫里斯图表几乎显示出来

我想画一张morris图，角度方向在ng重复块内。这很奇怪，因为它几乎能吸引人？我可以看到它在那里，鼠标盖也在工作，但图形本身只是顶部的一条细线。有人有什么想法吗

以下是html：

        <div id="page-wrapper" ng-repeat="d in dealerGroup.Dealerships__r" ng-if="expandedDealer == d.Id">
           <div class="panel-heading">Area Chart Example</div>
           <div class="panel-body">
             <area-chart dealership="d" chartData="d.SalesChartData"></area-chart>
            </div>
        </div>

}))

下面是发生的情况：

---

此外，调整大小会使整个过程到处都出现javascript错误。但是我会担心，我是AngularJS的新手，但是

数据：

为空是正常的吗？对不起，这只是一个输入错误。有数据，因为它是用来绘制图表的。你可以在屏幕截图上看到，当我将鼠标移到上面时，它会显示数据

angular.module('areaChart', ['ui.bootstrap']).directive('areaChart', function($window) {
var directive = {};
// directive.templateUrl = directivePath + '/charts/area-chart.html';
directive.restrict = 'EA';
directive.scope = {
    dealership: "=",
    chartdata: "="
};

directive.controller = function($scope) {
    $scope.ykeys = function() {
        var ykeys = [];
        angular.forEach($scope.chartdata, function(d,k) {
            angular.forEach(d, function(value,key) {
                if(key != 'period') { ykeys.push(key); }
            })
        });
        return ykeys;
    }
}

directive.link = function($scope,element,attrs) {

    Morris.Area({
        element: element,
        xkey: 'period',
        ykeys: $scope.ykeys(),
        labels: $scope.ykeys(),
        hideHover: 'auto',
        pointSize: 2,
        data: $scope.chartdata
    }); 

}

return directive;