[Solved]-Highcharts is not defined. Error log in console-Highcharts

It looks like highcharts.js is dependent on jQuery. Verify that jQuery is loading correctly and it's the correct version.

Download highcharts.js and link it in your app. You only have the angular directive highcharts-ng .

Another way to do this via bower.json; Update the following dependencies.

"highcharts" : "*",
"highcharts-ng" : "*"

Run the bower update from the command line project directory.

Use the "highcharts-ng module

var myApp = angular.module('myApp',
[
    "highcharts-ng",
    "ngRoute",
    "myApp.view1",
    "myApp.view2",
    "myApp.version"
]);

Include the following in the index.html or view

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>

I've come across exactly same problem. I think the answer is in the documentation. Check the git hub documentation Git hub documentation I found the solution to this. Insert the below script tag in the index above the script tag highcharts-ng.js

<script src="http://code.highcharts.com/highcharts.src.js"></script> <script src="bower_components/highcharts-ng/src/highcharts-ng.js"></script>

This should remove the error.

highcharts-ng depends on hightcharts so you need to install them both.

bower install --save highcharts
bower install --save highcharts-ng