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

标签 javascript angularjs highcharts angularjs-scope highcharts-ng

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

但是,与上面的示例不同,我使用版本 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>

最佳答案

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

查看工作plunkr

我已经添加

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

关于javascript - 在 Angular 应用程序中加载 Highcharts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32525631/

相关文章:

javascript - 通过 onclick 事件从子级向父级 React js 发送数据?

AngularJS - 从范围加载 HTML 实体作为货币符号

javascript - 通过指定结束坐标使用 High 图表在图表顶部绘制一条小垂直线

javascript - Highchart Single Legend 控制多个图表

javascript - 如何使用轴标签实现多重向下钻取

javascript - 一个函数与另一个 javascript 交互

javascript - jquery php codeigniter 中动态创建的输入字段值

javascript - 如何实现来自pinterest的 "Pin it"函数

asp.net-mvc - Angularjs 中的每个 View 是否应该有一个 Controller ?

angularjs - 保持 Angular Controller 薄