Estoy usando Highcharts JS v9.1.1 en un servidor web simple, donde cargo la biblioteca en el cliente mientras me conecto. En Windows y Android, el sitio web funciona bien, sin embargo, en IOS arruina todo el sitio web. He aislado el problema al 100% siendo el código javascript de los gráficos. Aquí está:

 var chartP = new Highcharts.chart({ chart:{ renderTo:'chart-daily' }, title: { text: 'daily usage' }, series: [{ name: 'used', size: '100%', innerSize: '85%', showInLegend: false, data: [0, 0, 0, 0, 0, 0, 0] }], plotOptions: { line: { animation: false, dataLabels: { enabled: true } }, series: {name: 'used', color: '#18009c' } }, xAxis: { categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] }, yAxis: {title: { text: "energy (kWh)"} }, credits: { enabled: false } });

aquí está el HTML también:

 <script src="Chart"></script> <div id="chart-daily" class="container" style="margin:auto; width:70%;"></div>

si elimino el código javascript, funciona bien incluso en IOS. Lamentablemente, Safari no tiene una consola simple o herramientas de depuración como Chrome. En Chrome solo aparece este error: "DevTools no pudo cargar el mapa de origen: no se pudo cargar el contenido para http://192.168.1.4:8000/highcharts.js.map : Error de conexión: net::ERR_CONNECTION_TIMED_OUT" Pero aparentemente este error es no relacionado. ¿Hay alguna configuración específica que deba habilitar para que el gráfico funcione en IOS?

Gracias por tu ayuda