对不起,我的问题可能非常愚蠢,对你来说似乎很明显。
我想使用角度图表显示我的应用程序的图表。 我已按照http://chinmaymk.github.io/angular-charts/上的说明操作,但我遇到了问题:
- 如果我写了依赖项,我有一个错误Error: [$injector:nomod] Module 'angularCharts' is not available! You either missp...<omitted>...1)
- 如果没有,没有任何反应。
这是我的代码:
HTML
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>myApp</title>
<link rel="stylesheet" href="css/app.css">
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script type='text/javascript' href='lib\angular\angular-charts.min.js'></script>
</head>
<body>
<div ng-controller="plotGraph" ng-repeat="graph in graphs" class="test-container">
<div ac-chart="chartType" ac-data="dataGraph" ac-config="config" id='graph' class='graph'></div>
</div>
</body>
</html>
App.js
var myApp = angular.module('myApp', ['angularCharts']);
function plotGraph($scope){
console.log("And here is the graph part");
//Graph
$scope.chartType = 'line'
$scope.config = {
labels: false,
title : "myTitle",
tooltips: true,
legend : {
display:true,
position:'myLegend'
}
}
$scope.dataGraph = {
series: ['Server1'], //I could put there the different server
data : [{ //{} for each serie
x : "myXAxis",
y: [10,50,12,35,16,22],
tooltip:"this is tooltip"
}
]
}
}
我只想添加我已下载的zip文件,只需将文件angular-charts.min.js
复制/粘贴到我拥有所有其他“文件类型”的文件夹中。
也许这就是问题所在。
感谢您的帮助:)
答案 0 :(得分:0)
首先包括
<script type='text/javascript' href='lib\angular\angular-charts.min.js'></script>
然后你的app.js
了解索引文件的外观:
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>myApp</title>
<link rel="stylesheet" href="css/app.css">
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script type='text/javascript' href='lib\angular\angular-charts.min.js'></script>
<script src="js/app.js"></script>
<script src="/socket.io/socket.io.js"></script>
</head>
<body>
<div ng-controller="plotGraph" ng-repeat="graph in graphs" class="test-container">
<div ac-chart="chartType" ac-data="dataGraph" ac-config="config" id='graph' class='graph'></div>
</div>
</body>
</html>
始终确保您的图书馆首先包含在页面上,然后是您的应用程序逻辑:)
答案 1 :(得分:0)
Chart.js缺失
使用bower组件安装chart.js ..
您将获得两个文件夹。角图和图表文件夹。您还必须参考chart.js文件