Разрешите конфликт highmaps-highcharts при создании карт, столбцов и радарных карт

Question

Я могу создавать столбцы и диаграммы радаров в моем приложении Ruby on Rails, требуя в application.js:

//= require jquery3
//= require highcharts
//= require highcharts/highcharts-more

Затем мне нужно добавить карту высоких диаграмм.Однако при вызове функции генерации карты Highcharts.mapChart('container', {... возникает ошибка:

Uncaught TypeError: Highcharts.mapChart is not a function

Кажется, я исправил ошибку, заменив //= require highcharts на //= require highmaps и добавив //= require highcharts/modules/map.Теперь у меня есть оба столбца диаграммы и карты.Но удаление //= require highcharts приводит к ошибкам при вызове радиолокационной карты: Uncaught ReferenceError: Highcharts is not defined.Я не могу требовать как высокие графики, так и высокие карты вместе из-за возникающего конфликта:

Uncaught Error: Highcharts error #16: Highcharts already defined in the page
This error happens if the Highcharts namespace already exists when loading Highcharts or Highstock.

Попытка поместить //= require highmaps до //= require highcharts/highcharts-more исправляет ошибку, но вызывает две новые ошибки: Uncaught TypeError: Cannot read property 'prototype' of undefined и Uncaught TypeError: Cannot read property 'updateCenter' of undefined,Как собрать столбец, радар и карту в одном приложении?

Answer 1

Не следует использовать модуль Highmaps и map вместе. Вы можете использовать модуль map в качестве плагина с Highcharts:

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

Демонстрационная версия: http://jsfiddle.net/BlackLabel/gbduyLo9/

Документы: https://www.highcharts.com/docs/maps/getting-started