Ошибка Highcharts № 16, но я не использую Highstocks

Я использую несколько диаграмм на одной странице. У меня есть гистограмма, диаграмма индикатора активности и диаграмма карты (они загружаются на разные идентификаторы div).

Все работало нормально и никаких сообщений об ошибках, пока я не добавил код для карты и не вызвал библиотеку, необходимую для этого.

После этого я продолжал получать это сообщение об ошибке Highcharts # 16, и я знаю, что обычно это происходит, если я вызываю highcharts.js более одного раза на одной странице или если я вызываю Highstock и highcharts.js одновременно.

Я знаю, что все из highcharts.js уже включено в Highstocks и что нет необходимости вызывать оба, но это не для меня, так как я даже не использую Highstock

Это библиотеки, с которыми я сейчас работаю

<script src = "https://code.highcharts.com/maps/highmaps.js"></script>//I started getting that error msg after I added this but my map chart won't work without it
<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/modules/solid-gauge.js"></script>
<script src = "https://code.highcharts.com/modules/series-label.js"></script>
<script src = "https://code.highcharts.com/modules/exporting.js"></script>
<script src = "https://code.highcharts.com/modules/export-data.js"></script>
<script src = "https://code.highcharts.com/modules/accessibility.js"></script>

Я не мог заставить свою картографическую диаграмму работать, когда впервые добавил эту строку

<script src = "https://code.highcharts.com/maps/highmaps.js">

Итак, что я сделал, так это переместил его на самый верх, чтобы он загружался первым, и это решило проблему с моей диаграммой карты, но при этом карта и другие диаграммы работают нормально. Это сообщение об ошибке Highcharts Error #16 все еще присутствует в моей консоли, и это меня беспокоит.

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

Я ценю любую помощь, которую я могу получить.

Обновлено: Если требуется дополнительный код, дайте мне знать в комментариях, которые я предоставлю.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
12
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ошибка возникает из-за того, что Highcharts уже включен в Highcharts Maps. Вы должны загрузить Highmaps как модуль.

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

<script src = "https://code.highcharts.com/modules/solid-gauge.js"></script>
<script src = "https://code.highcharts.com/modules/series-label.js"></script>
<script src = "https://code.highcharts.com/modules/exporting.js"></script>
<script src = "https://code.highcharts.com/modules/export-data.js"></script>
<script src = "https://code.highcharts.com/modules/accessibility.js"></script>

Живая демонстрация:http://jsfiddle.net/BlackLabel/d5o6rvtq/

Документы:https://www.highcharts.com/docs/getting-started/installation#c-load-highcharts-stock-or-highcharts-maps

О, я вижу, теперь это работает, я ценю помощь.

Chris G 13.05.2022 15:11

Другие вопросы по теме