web-dev-qa-db-ger.com

Konflikt lösen, wenn Highchart und Highmap zusammen verwendet werden (TypeError: ma ist keine Funktion)

Ich habe eine Seite, die Diagramm- und Kartenmenü für Berichtsfunktion enthält. Dann wähle ich Highchart-Highmap-Bibliothek, um den oben genannten Zweck zu erreichen. Die Kartenfunktion läuft gut, aber wenn ich eine Kartenfunktion entwickle, tritt ein Fehler auf

TypeError: ma ist keine Funktion

  • Ich habe das Problem festgestellt, dass die ma-Funktion in highchart.js und highmaps.js erscheint, aber ich weiß nicht, wie ich diesen Konflikt lösen soll.
  • Ich habe versucht, jQuery.noConflict(); in Highmaps zu platzieren, aber der Konflikt wird weiterhin angezeigt

So codiere ich auf der Hauptseite

... some html code
<script type="text/javascript" src="././js/highcharts/highcharts.js"></script>
<script type="text/javascript" src="././js/highcharts/highcharts-more.js"></script>
<script type="text/javascript" src="././js/highcharts/highcharts-3d.js"></script>            
<script type="text/javascript" src="././js/highcharts/modules/drilldown.js"></script>
<script type="text/javascript" src="././js/highcharts/modules/exporting.js"></script>

... some html code
<script type="text/javascript" src="././js/Highmaps/highmaps.js"></script>
<script type="text/javascript" src="././js/Highmaps/modules/data.js"></script>                
<script type="text/javascript" src="././js/Highmaps/modules/exporting.js"></script> 

Wie kann ich dieses Problem lösen?

13
m hanif

Anstelle von Highmaps müssen Sie das Modul map.js verwenden.

<script src="//code.highcharts.com/maps/modules/map.js"></script>

Hier ist die Dokumentation zur Verwendung beider zusammen .

38

Sie müssen dieses Skript-Tag nach highcharts.js einfügen:

<script src="https://code.highcharts.com/maps/modules/map.js"></script> 
5
gfivehost

Ich bin auf dasselbe Problem gestoßen und habe es behoben, indem ich nach den Karten Highcharts platziert habe

<script src="http://code.highcharts.com/maps/highmaps.js"></script>
<script src="http://code.highcharts.com/maps/modules/data.js"></script>
<script src="http://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="http://code.highcharts.com/mapdata/custom/world.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>

http://jsfiddle.net/danny_shumer/tc898kgv/2/

1
Danny Shumer