web-dev-qa-db-fra.com

Résoudre les conflits lorsque vous utilisez Highchart et Highmap ensemble (TypeError: ma n'est pas une fonction)

J'ai une page qui contient la carte et le menu de la carte pour la fonction de rapport. Ensuite, j'ai choisi la bibliothèque Highchart-Highmap pour atteindre l'objectif ci-dessus. La fonction de graphique s'exécute bien, mais une erreur apparaît lorsque je développe la fonction de carte.

TypeError: ma n'est pas une fonction

  • J'ai tracé le problème du fait que la fonction ma apparaisse dans highchart.js et highmaps.js mais je ne sais pas comment résoudre ce conflit.
  • J'ai essayé de mettre jQuery.noConflict(); dans highmaps mais le conflit persiste 

C'est comme ça que je code en page principale

... 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>

Comment je peux résoudre ce problème?

javascriptjqueryhighchartsconflicting-librarieshighmaps
13
m hanif

Au lieu de highmaps, vous devez utiliser le module map.js. 

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

Voici la documentation sur l’utilisation conjointe des deux .

38
Sebastian Bochan

Vous devez inclure cette balise de script après highcharts.js: 

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

J'ai rencontré le même problème et je l'ai résolu en plaçant des graphiques en haut après les cartes.

<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