Search code examples
javascriptjqueryhighchartshighmaps

Highcharts error loading maps plugin

  1. Load jQuery
  2. Load Highcharts 4.0.1
  3. Load Highmaps 1.1.6 (which says it is compatible with 4.0.x)

seeing this error:

Uncaught TypeError: HighchartsAdapter.addAnimSetter is not a function

===

<html>
  <head>
    <script type='text/javascript' src='https://code.jquery.com/jquery-1.11.2.min.js'></script>
    <script type='text/javascript' src='https://code.highcharts.com/4.0.1/highcharts.js'></script>
    <script type='text/javascript' src='https://code.highcharts.com/maps/1.1.6/modules/map.js'></script>
  </head>
</html>

fiddle: http://jsfiddle.net/93ukkqoh/ (see error in the javascript console)

Am I missing something obvious here?

Solution

  • Use following libraries in the following order

     <script type='text/javascript' src='https://code.jquery.com/jquery-1.11.2.min.js'></script>

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

<script type='text/javascript' src='https://code.highcharts.com/maps/1.1.6/modules/map.js'></script>