角度チャートJSのエラー角度-master.js：114エラー：[$インジェクター：UNPR]

私は私の角度アプリは

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コードを以下のように見ているAngular.JSでChart.jsに取り組んでいます私は2つのエラー

Uncaught TypeError: Cannot set property 'mode' of undefined

を取得していますし、他の

ある

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

以下のように探しています

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

はあなたが正しくライブラリを参照されていることを確認し、事前にこの

おかげで

ワーキング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>

出典

2016-12-29 10:36:24 Sajeetharan

感謝のために私を助けてください私はrを答えた私のAngularアプリケーションのeferdライブラリ –

自分のコードをあなたのものに置き換えましたが、同じエラーが発生しました –

@AbhishekParikhチームビューはありますか？ – Sajeetharan

角度チャートJSのエラー角度-master.js：114エラー：[$インジェクター：UNPR]

答えて

関連する問題