首页 > 解决方案 > ios设备问题上的highcharts

问题描述

我目前正在制作一个使用 highcharts javascript 库(Highcharts JS v9.1.1)的网站。当我尝试使用 windows 或 android 设备连接到网站时,该网站正常工作并显示图表,但是,当我尝试使用 iphone(任何 iphone 形式 5s 到 11)连接到它时,它会加载页面,但搞砸了 websocket 并没有加载图表。由于 safari 没有像 chrome 这样的开发工具,因此很难排除故障,但我已将其缩小到 100%,即导致故障的高图表。这是我正在使用的代码:

HTML:

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

Javascript:

var saveddataset =  [0, 0, 0, 0, 0, 0, 0];
var chartP = new Highcharts.chart({
  chart:{ renderTo:'chart-daily' },
   title: { text: 'daily usage' },
   series: [{
    name: 'used', 
    size: '100%',
    innerSize: '85%',
    showInLegend: false,
    data: []
   }],
    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 }
});

chartP.series[0].setData(saveddataset); 

我必须启用任何 IOS 专用设置吗?谢谢您的帮助。

标签: htmlhighcharts

解决方案


推荐阅读