Angular Chart JS错误angular-master.js：114错误：[$ injector：unpr]
[英]Angular Chart JS error angular-master.js:114 Error: [$injector:unpr]
问题描述
I am working on Chart.js with Angular.JS my Angular app is looking like below 
我正在使用Angular.JS处理Chart.js，我的Angular应用如下所示
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]];
My HTML code is looking like below 我的HTML代码如下所示
<div class="text-center">
<canvas id="bar" class="chart chart-bar"chart-data="data" chart-labels="labels"> chart-series="series"
</canvas>
</div>
I am getting two errors 我遇到两个错误
Uncaught TypeError: Cannot set property 'mode' of undefined
and other is 而另一个是
Error: [$injector:unpr]
http://errors.angularjs.org/1.5.0/ $injector/unpr?p0=chart.jsProvider%20%3C-hart.js%20%3C-%dashboardController
Please help me with this 请在这件事上给予我帮助
Thanks in advance 提前致谢
1 个解决方案
解决方案1
1 已采纳 2016-12-29 10:36:24
Make sure you have refered the libraries correctly, 确保正确引用了库，
Working DEMO 工作演示
(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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.