角度图表不显示在Chrome浏览器中

Question

我正在将此指令用于图表https://github.com/GraFiddle/angular-chart。 控制器代码在这里   .controller（'myangularChart'，函数（$ scope，$ rootScope，$ log，$ state，chartService）{

(function initController() {
 chartService.getallstatus({})
 .then(function (response) {$scope.barChartData = response;

       $scope.options = {
         data:$scope.barChartData,
         dimensions: {
           y: {
             axis: 'y',
             type: 'bar',
             label: true,
             color: 'green',
             name: 'No. of students'
           },
           x: {
             axis: 'x',
             label: true,
             name: 'Status'
           }
         },
         chart:{
           axis: {
               y: {
                 max:50,
                 tick:{
                   format: d3.format('.0f')
                 },
                 label:{text:'No of students',
                   position: 'outer-middle'}

               }
             }

         }
       };
     })
  $scope.instance = null;
})();

}）

条形图未在Chrome浏览器中显示，但在Firefox浏览器中显示。chrome is displaying bar chart shown in image.。在Firefox浏览器中，它工作正常，但不是在Chrome中帮我解决这个问题。