각도 차트가 표시되지 않습니다.

cdn 링크에서 가져온 chart.js 번들로 각도 차트로 작업하려고합니다. Angular는 1.5.7이고 chart.js는 2.1.6입니다.각도 차트가 표시되지 않습니다.

angular.js:13708 TypeError: (intermediate value)[type] is not a function at createChart (angular-chart.js:197) at angular-chart.js:150 at Scope.$digest (angular.js:17286) at Scope.$apply (angular.js:17552) at bootstrapApply (angular.js:1754) at Object.invoke (angular.js:4709) at doBootstrap (angular.js:1752) at bootstrap (angular.js:1772) at angularInit (angular.js:1657) at angular.js:31468

HTML 코드 :

  <!DOCTYPE html> 
<html> 
    <head> 
     <script src="scripts/angular/angular.js"></script> 
     <script src="scripts/Chart.js"></script> 
     <script src="scripts/angular/angular-chart.js"></script> 

     <link rel="stylesheet" type="text/css" href="css/angular/angular-chart.css"/> 

     <title>Practice</title> 
    </head> 

    <body ng-app="appName" ng-controller="indexController"> 

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

    </body> 
    <script type="text/javascript" src="scripts/app.js"></script> 
</html>

자바 스크립트 파일 :

var appOne = angular.module('appName', ['chart.js']); 


appOne.controller("indexController", function ($scope) { 
    $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] 
    ]; 
});

어떤 아이디어 무엇을 잘못이며 어떻게 그것을 해결하기 위해 나는 다음과 같은 오류가? 나는 그 오류를 이해하지 못한다. 건배 :)

출처

2016-07-14 Imdad

각도 및 chart.js 버전은 무엇입니까? –

@UgoT. Angular는 1.5.7이고 chart.js는 2.1.6입니다. 각도 버전을 동일하게 유지해야합니다. ☺ – Imdad

그래서이 문제는 angular-chart.js와 chart.js 버전이 서로 호환되지 않아서 발생했습니다.

최신 angle-chart.js 1.0.0-alpha 버전을 사용하여 chart.js 2.0으로 끝났습니다.

문제가 해결되었습니다! :)

출처

2016-07-14 14:21:26 Imdad

나는 chart-series 속성이 없다고 생각합니다.

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

출처

2016-07-14 11:51:35 agriboz

태그 안에 차트 계열이 있으면 안됩니까? – Imdad

그래도 문제가 해결되지 않습니다 – Imdad

올바른 종속성이 있으십니까? – agriboz

각도 차트가 표시되지 않습니다.

답변

관련 문제