Chart.js не рисуется с AngularJS

Question

По какой-то причине этот график не будет рисоваться, когда я попытаюсь сделать это с помощью AngularJS. Кажется, он работает нормально, если я делаю это без AngularJS, поэтому проблема, похоже, связана с ним. Я не получаю никаких ошибок в консоли, поэтому мне нужна помощь.

http://jsfiddle.net/a3msytdc/

HTML:

<div ng-controller="MyCtrl"> 
     <graph ng-repeat="graph in graphs" data="graph.data"></graph> 
</div> 

JS:

var myApp = angular.module('myApp',[]); 

myApp.controller('MyCtrl', function($scope) { 
    $scope.graphs = [ 
     { 
      data: [1, 2, 3, 4, 5, 6, 7,8,9],  
     } 
    ]; 
}); 

myApp.directive('graph', function() { 
    return { 
     restrict: 'E', 
     scope: { 
      data: '=' 
     }, 

     template: "<canvas></canvas>", 
     link: function(scope, elem, attrs) { 
       console.log(scope); 
      var ctx = elem.children()[0].getContext("2d"); 

      var lineChartData = { 
       datasets: [{ 
       data: scope.data, 
       }] 
      }; 

      var graph = new Chart(ctx, { 
       type: "bubble", 
       data: lineChartData, 
     }); 
     } 
    }; 
}); 

Answer 1

Хорошо, вот ваш обновленный jsfiddle

Похоже, вы сделали несколько ошибок описания data и ng-repeat был избыточным.