Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未定义Highcharts。登录控制台时出错_Javascript_Angularjs_Highcharts_Bower - Fatal编程技术网

Javascript 未定义Highcharts。登录控制台时出错

Javascript 未定义Highcharts。登录控制台时出错,javascript,angularjs,highcharts,bower,Javascript,Angularjs,Highcharts,Bower,请帮帮我。在我的angular应用程序中登录控制台时发生此错误 我的应用程序部分: angular.module('fbApp', [ 'ngSanitize', 'ngRoute', 'ui.bootstrap', 'ui.router', 'ui.utils', 'chieffancypants.loadingBar', 'ui.date',

请帮帮我。在我的angular应用程序中登录控制台时发生此错误

我的应用程序部分:

angular.module('fbApp', [
        'ngSanitize',
        'ngRoute',
        'ui.bootstrap',     
        'ui.router',         
        'ui.utils',
        'chieffancypants.loadingBar',
        'ui.date',
        'angular-underscore',
        'highcharts-ng'
    ])
来自bower的My 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 -->


我的问题在哪里?

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

下载highcharts.js并将其链接到应用程序中。你只有角度指令,我遇到了完全相同的问题。我认为答案在文件中。查看git hub文档 我找到了解决办法。在脚本标记highcharts-ng.js上方的索引中插入下面的脚本标记



这将删除错误。

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

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

另一种方法是通过bower.json;更新以下依赖项

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

从命令行项目目录运行
bower更新

使用“highcharts ng”模块

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>


看起来你没有highcharts脚本。你只有指令。除了highcharts-ng.js,你还需要加载highcharts.js库。Jquery加载是正确的,这对我来说也有同样的问题,添加:code.highcharts.com/highcharts.js“>更确切地说是bower和