角度圖JS錯誤角master.js：114錯誤：[$注射器：unpr]

我對chart.js之正與Angular.JS我的角度應用程序正在尋找像下面

angular.module('inspinia').controller('dashboardController', ['$rootScope', '$scope', '$http','chart.js', function($rootScope, $scope, $http) { 
console.log("123"); 
$scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; 
$scope.series = ['Series A', 'Series B']; 
$scope.data = [[65, 59, 80, 81, 56, 55, 40],[28, 48, 40, 19, 86, 27, 90]];

我的HTML代碼正在尋找像下面

<div class="text-center"> 
<canvas id="bar" class="chart chart-bar"chart-data="data" chart-labels="labels"> chart-series="series" 
</canvas> 
</div>

我得到兩個錯誤

Uncaught TypeError: Cannot set property 'mode' of undefined

等是

Error: [$injector:unpr]

http://errors.angularjs.org/1.5.0/ $injector/unpr?p0=chart.jsProvider%20%3C-hart.js%20%3C-%dashboardController

請幫我這個

在此先感謝

來源

2016-12-29 Abhishek Parikh

確保您正確所指向的圖書館，

工作演示

(function(angular) { 
 
    'use strict'; 
 
    angular.module('myApp', ['chart.js']) 
 

 
    .controller('myController', [function() { 
 
    var ctrl = this; 
 
    ctrl.socialChart = { 
 
     type: 'bar', 
 
     labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012'], 
 
     series: ['Series A', 'Series B'], 
 
     colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'], 
 
     data : [[65, 59, 80, 81, 56, 55, 40],[28, 48, 40, 19, 86, 27, 90] ] 
 
     } 
 

 
    }]); 
 

 
})(window.angular);

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
    <head> 
 
    <meta charset="UTF-8" /> 
 
    <title>Multi Slot Transclude</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script> <script src="app.js"></script> 
 
    </head> 
 

 
    <body ng-app="myApp" ng-controller="myController as ctrl"> 
 
    <canvas id="outreach" class="chart chart-bar" 
 
     chart-labels="ctrl.socialChart.labels" 
 
     chart-data="ctrl.socialChart.data" 
 
     chart-series="ctrl.socialChart.series" 
 
     chart-colors="ctrl.socialChart.colors" 
 
     chart-options="ctrl.socialChart.options"></canvas>  
 
    </body> 
 

 
</html>

來源

2016-12-29 10:36:24 Sajeetharan

感謝回答我已經r eferd庫在我的Angular應用程序中。 –

我用你的代碼替換了我的代碼，但得到相同的錯誤 –

@AbhishekParikh你有teamvieweR嗎？ – Sajeetharan

角度圖JS錯誤角master.js：114錯誤：[$注射器：unpr]

回答

相關問題