Question

对不起，我的问题可能非常愚蠢，对你来说似乎很明显。

我想使用角度图表显示我的应用程序的图表。我已按照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复制/粘贴到我拥有所有其他“文件类型”的文件夹中。也许这就是问题所在。

感谢您的帮助：）

Answer 1

首先包括

<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>

始终确保您的图书馆首先包含在页面上，然后是您的应用程序逻辑：）

Answer 2

Chart.js缺失

使用bower组件安装chart.js ..

您将获得两个文件夹。角图和图表文件夹。您还必须参考chart.js文件

AngularJS - Angular-Charts：没有任何反应

2 个答案: