个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我已经安静地尝试找出问题所在一段时间了。需要帮助
我的 HTML
<script src="../Framework/js/angular.min.js"></script>
<script src="https://code.angularjs.org/1.6.4/angular-cookies.min.js"></script>
<script src="../Framework/js/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.js"></script>
<script src="../Framework/js/angular-chart.min.js"></script>
<script src="../Framework/js/angular-chart.js"></script>
<script src="../Framework/js/plugins/sortable.min.js" type="text/javascript"></script>
<script src="../Framework/js/fileinput.min.js"></script>
<script src="../Framework/js/locales/fr.js"></script>
<script src="../Framework/js/locales/es.js"></script>
<script src="../themes/explorer/theme.js"></script>
<script src="../Framework/js/bootstrap.min.js"></script>
<script src="../Framework/js/app.js"></script>
我的app.js
var app = angular.module('myApp', ['ngCookies','chart.js']);
最佳答案
这里的问题是，angular-charts 和 Chart.js 应该具有正确的版本库引用。
演示
(function(angular) {
'use strict';
angular.module('myApp', ['chart.js'])
.controller('myController', [function() {
var ctrl = this;
ctrl.socialChart = {
options : {
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{
stacked: true
}]
}
},
type: 'StackedBar',
labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
series: ['FACEBOOK', 'GOOGLE', 'TWITTER', 'INSTAGRAM'],
colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'],
data : [
[65, 59, 90, 81, 56, 55, 40],
[28, 48, 40, 19, 96, 27, 100]
]
}
}]);
})(window.angular);<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Multi Slot Transclude</title>
<script src="//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>关于javascript - Uncaught Error : [$injector:modulerr] (Error came up when I included chart. js)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44469732/
26
4
0
我是一名优秀的程序员,十分优秀！