Разрешить конфликт при совместном использовании Highchart и Highmap (TypeError: ma не является функцией)

У меня есть страница, содержащая меню диаграммы и карты для функции отчета. Затем я выбираю библиотеку Highchart-Highmap для достижения указанной выше цели. Функция диаграммы работает хорошо, но когда я разрабатываю функцию карты, появляется ошибка

TypeError: ma не является функцией

  • Я проследил проблему, связанную с тем, что функция ma появляется в highchart.js и highmaps.js, но я не знаю, как разрешить этот конфликт.
  • Пробовал ставить jQuery.noConflict(); в highmaps, но конфликт все равно появляется

Вот как я кодирую на главной странице

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

Как я могу решить эту проблему?


javascript jquery highcharts conflicting-libraries highmaps
person m hanif f    schedule 10.08.2014    source источник
comment
У вас есть JSFiddle, чтобы продемонстрировать это?   -  person Halvor Holsten Strand    schedule 10.08.2014

Ответы (3)


arrow_upward
42
arrow_downward

Вместо highmaps вам нужно использовать модуль map.js.

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

Вот документация по их совместному использованию.

person Sebastian Bochan    schedule 11.08.2014
comment
Я сделал это таким же образом. Но по-прежнему возникает ошибка отсутствия какого-либо типа диаграммы. Ниже приведена ссылка jsFiddle. Пожалуйста, помогите мне. jsfiddle.net/spidiweb/ad7spa3m Спасибо, - person Spidi's Web; 14.11.2016
comment
Получил решение. Я должен включить highcharts-more.js для пузырьковой диаграммы. jsfiddle.net/spidiweb/ad7spa3m/1 - person Spidi's Web; 14.11.2016
comment
Спасибо! Спас мой день! - person CelinHC; 18.02.2018

arrow_upward
5
arrow_downward

Вы должны включить этот тег скрипта после highcharts.js:

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

arrow_upward
1
arrow_downward

Я столкнулся с той же проблемой и решил ее, поместив высокие диаграммы после карт.

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

person Danny Shumer    schedule 23.11.2014
comment
Я получаю сообщение об ошибке: ошибка Highcharts № 16: www.highcharts.com/errors/16 - person Jyothu; 05.12.2016