在角度应用程序中加载Highcharts

时间:2015-09-11 14:16:56

标签: javascript angularjs highcharts angularjs-scope highcharts-ng

我正在尝试复制此处找到的图表:http://jsfiddle.net/pablojim/Hjdnw/在我的角度应用中。

但是,与上面的示例不同,我使用的是版本1.2.28而不是v1.0 ..

我已在此处复制了我的设置:http://plnkr.co/edit/ugIbk80yBXuvjsUFhiiP?p=preview

但是我在控制台中遇到2个错误:

  1. TypeError:HighchartsAdapter未定义

  2. 错误:H不是函数

  3. 脚本加载的顺序是否重要?我跟着:

    <script data-semver="1.2.28" src="https://code.angularjs.org/1.2.28/angular.js" data-require="angular.js@1.2.x"></script>
    <script src="highcharts.js"></script>
    <script src="highcharts-ng.js"></script>
    <script src="app.js"></script>
    

1 个答案:

答案 0 :(得分:1)

您需要添加jQuery以使highcharts正常工作

见工作plunkr

我添加了

<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>