Loading Highcharts within an angular application

Question

I am trying to replicate the chart found here: http://jsfiddle.net/pablojim/Hjdnw/ within my angular app.

However, unlike in the example above, i am using version 1.2.28 instead of v1.0..

I have replicated my set up here: http://plnkr.co/edit/ugIbk80yBXuvjsUFhiiP?p=preview

However i am getting 2 errors in the console:

TypeError: HighchartsAdapter is undefined
Error: H is not a function

Does the order of script loading matter? I am following:

<script data-semver="1.2.28" src="https://code.angularjs.org/1.2.28/angular.js" data-require="[email protected]"></script>
<script src="highcharts.js"></script>
<script src="highcharts-ng.js"></script>
<script src="app.js"></script>

marc_s · Accepted Answer · 2016-06-06 16:53:22Z

1

You need to add jQuery to make highcharts work properly

See working plunkr

I've added

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

edited Jun 6, 2016 at 16:53

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Sep 11, 2015 at 14:42

Andrey

4,05023 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oam Psy Over a year ago

thanks for pointing that out, however this link suggests you can use highcharts without jQuery: github.com/pablojim/highcharts-ng

Andrey Over a year ago

@OamPsy, without jquery you have to use Highcharts' Standalone Adapter (else, it will not work): <script src="code.highcharts.com/adapters/…>

Collectives™ on Stack Overflow

Loading Highcharts within an angular application

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related