一起使用Highchart和Highmap时解决冲突(TypeError:ma不是函数)

m h*_*nif 14 javascript jquery conflicting-libraries highcharts highmaps

我有一个页面,其中包含报表功能的图表和地图菜单.然后,我选择Highchart-Highmap库来达到上述目的.图表功能运行良好但是当我开发地图功能时会出现错误

TypeError:ma不是函数

  • 我已经跟踪了ma函数出现在highchart.js和highmaps.js中的问题,但我不知道如何解决这个冲突.
  • 我试着投入jQuery.noConflict();到地图但冲突仍然存在

这是我在主页面中的代码

... 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> 
Run Code Online (Sandbox Code Playgroud)

我怎么解决这个问题?

Seb*_*han 40

您需要使用map.js模块而不是highmaps.

<script src="//code.highcharts.com/maps/modules/map.js"></script>
Run Code Online (Sandbox Code Playgroud)

以下是一起使用两者的文档.


gfi*_*ost 5

您必须在以下后面包含此脚本标记highcharts.js:

<script src="https://code.highcharts.com/maps/modules/map.js"></script> 
Run Code Online (Sandbox Code Playgroud)