【问题标题】:Loading Highcharts within an angular application在 Angular 应用程序中加载 Highcharts
【发布时间】:2015-09-11 14:16:56
【问题描述】:

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

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

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

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

  1. TypeError: 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>

【问题讨论】:

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


    【解决方案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>
    

    【讨论】:

    • 感谢您指出这一点,但是此链接建议您可以在没有 jQuery 的情况下使用 highcharts:github.com/pablojim/highcharts-ng
    • @OamPsy,如果没有 jquery,你必须使用 Highcharts 的独立适配器(否则它将无法工作):
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-21
    • 2013-02-09
    • 2019-12-27
    • 2020-04-27
    相关资源
    最近更新 更多