Estoy usando varios gráficos en la misma página. Tengo un gráfico de barras, un gráfico de indicador de actividad y un gráfico de mapa (están cargados en diferentes identificadores de división).
Todo funcionaba bien y no había mensajes de error hasta que agregué el código para el mapa y llamé a la biblioteca que se necesita para que esto funcione.
Después de eso, seguí recibiendo este mensaje de error n.° 16 de Highcharts y sé que eso sucede comúnmente si llamo a highcharts.js más de una vez en la misma página o si llamo a Highstock y highcharts.js al mismo tiempo.
Sé que todo, desde highcharts.js, ya está incluido en Highstocks y que no es necesario llamar a ambos, pero este no es mi caso, ya que ni siquiera estoy usando Highstock.
Estas son las bibliotecas con las que estoy trabajando actualmente.
<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>No pude hacer que mi gráfico de mapa funcionara cuando agregué esta línea por primera vez
<script src="https://code.highcharts.com/maps/highmaps.js">Entonces, lo que hice fue moverlo completamente hacia la parte superior para que se cargara primero y eso solucionó el problema con mi gráfico de mapa, pero mientras el mapa y los otros gráficos funcionan bien. Ese mensaje de error de Highcharts Error #16 todavía está en mi consola y me molesta.
No creo que deba dejarlo así porque todos mis gráficos funcionan. Debe haber una solución.
Agradezco cualquier ayuda que pueda obtener.
EDITAR: si se requiere un código adicional, hágamelo saber en los comentarios que proporcionaré.
El error se debe al hecho de que Highcharts ya está incluido en Highcharts Maps. Deberías cargar Highmaps como un módulo.
<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>Demostración en vivo: http://jsfiddle.net/BlackLabel/d5o6rvtq/
Documentos: https://www.highcharts.com/docs/getting-started/installation#c-load-highcharts-stock-or-highcharts-maps