javascript - 在 Angular 应用程序中加载 Highcharts

Question

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

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

我在这里复制了我的设置：http: //plnkr.co/edit/ugIbk80yBXuvjsUFhiiP ?p=preview

但是我在控制台中收到 2 个错误：

1. 类型错误：HighchartsAdapter 未定义

2. 错误：H 不是函数

脚本加载的顺序重要吗？我正在关注：

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

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