尝试使用从CDN链接中获取的带有chart.js包的角度图。Angular是1.5.7,而chart.js是2.1.6。我收到以下错误:
angular.js:13708 TypeError :(中间值)[type]在Scope。$ digest(angular.js:17286)的angularChart.js:150的createChart(angular-chart.js:197)处不是函数bootstrap上的Scope。$ apply(angular.js:17552)在doBootstrap(angular.js:1752)在bootstrap(angular.js:1752)在Object.invoke(angular.js:4709)在Object.invoke(angular.js:1752)在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>
Javascript文件:
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]
];
});
有什么想法是什么问题以及如何解决?我也不明白这个错误。干杯:)
因此,问题是由于angular-chart.js和chart.js的版本彼此不兼容造成的。
我最终在chart.js 2.0中使用了最新的angular-chart.js 1.0.0-alpha版本。
这解决了问题!:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句