TypeError：（中間值）[type]不是函數錯誤

Question

我想在我的離子應用程序中使用折線圖，但我得到的只是空白屏幕。

而且我得到了一個錯誤：

TypeError: (intermediate value)[type] is not a function 
at createChart (angular-chart.js:197) 
at Object.fn (angular-chart.js:150) 
at Scope.$digest (ionic.bundle.js:28995) 
at Scope.$apply (ionic.bundle.js:29263) 
at done (ionic.bundle.js:23676) 
at completeRequest (ionic.bundle.js:23848) 
at XMLHttpRequest.requestLoaded (ionic.bundle.js:23789) 

app.js：

angular.module('starter', ['ionic', 'starter.controllers', 'chart.js']) 

controller.js：

angular.module('starter.controllers',[]) 
.controller('AspDashController', ['$scope', '$state', function($scope, $state) { 
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"]; 
$scope.series = ['Series A', 'Series B']; 
$scope.data = [ 
    [65, 59, 80, 81, 56, 55, 40], 
    [28, 48, 40, 19, 86, 27, 90] 
]; 
$scope.onClick = function (points, evt) { 
    console.log(points, evt); 
}; 
}]) 

HTML：

<div class="card"> 
    <div class="item item-divider"> 
     A line chart 
    </div> 
    <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-legend="true" chart-series="series" chart-click="onClick"></canvas> 
</div> 

的index.html：

<link rel="stylesheet" href="css/angular-chart.css"> 
<link href="css/style.css" rel="stylesheet"> 
<script src="js/Chart.js"></script> 
<script src="js/angular-chart.js"></script> 
<script src="js/app.js"></script> 
<script src="js/controllers.js"></script> 

Answer 1

也許，你曾用圖表的最新版本，在NG-圖表不支持呢。嘗試使用chart.js之的前一版本在此查找 - > https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.1.1/Chart.js