I am using Highcharts JS v9.1.1 in a simple webserver, where i load the library to the client while connecting. On windows and android the website works fine, however on IOS it screws up the whole website. I have isolated the problem to 100% being the charts javascript code. Here it is:

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 }
});

here is the HTML as well:

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

if i remove the javascript code it works fine even on IOS. Sadly safari doesnt have any simple console or debuging tools liek chrome does. In chrome i only get this error: "DevTools failed to load source map: Could not load content for http://192.168.1.4:8000/highcharts.js.map: Connection error: net::ERR_CONNECTION_TIMED_OUT" But apperently this error is unrelated. Is there a speciffic seting i have to enable to make the chart work on IOS?

Thank you for your help