Highcharts没有定义。控制台中的错误日志

Question

请帮帮我。在我的角应用程序中，此错误记录在控制台中。

我的应用程序部分：

angular.module('fbApp', [
        'ngSanitize',
        'ngRoute',
        'ui.bootstrap',     
        'ui.router',         
        'ui.utils',
        'chieffancypants.loadingBar',
        'ui.date',
        'angular-underscore',
        'highcharts-ng'
    ])

来自凉亭的我的index.html：

<!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/underscore/underscore.js"></script>
    <script src="bower_components/angular-loading-bar/src/loading-bar.js"></script>
    <script src="bower_components/angular-ui-utils/ui-utils.js"></script>
    <script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
    <script src="bower_components/angular-underscore/angular-underscore.js"></script>
    <!-- endbower -->

我的问题在哪里？

Answer 1

highcharts-ng取决于hightcharts，因此您需要同时安装它们。

bower install --save highcharts
bower install --save highcharts-ng

Answer 2

我遇到了完全相同的问题。我认为答案在文档中。检查git hub文档Git hub documentation 我找到了解决方案。在脚本标记highcharts-ng.js

上方的索引中插入以下脚本标记

<script src="http://code.highcharts.com/highcharts.src.js"></script> <script src="bower_components/highcharts-ng/src/highcharts-ng.js"></script>

这应该删除错误。

Answer 3

下载highcharts.js并将其链接到您的应用中。您只有角度指令highcharts-ng。

Answer 4

通过bower.json执行此操作的另一种方法;更新以下依赖项。

"highcharts" : "*",
"highcharts-ng" : "*"

从命令行项目目录运行bower update。

使用“highcharts-ng module

var myApp = angular.module('myApp',
[
    "highcharts-ng",
    "ngRoute",
    "myApp.view1",
    "myApp.view2",
    "myApp.version"
]);

在index.html或视图中包含以下内容

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>

Answer 5

看起来highcharts.js依赖于jQuery。验证jQuery是否正确加载，并且它是正确的版本。