iOS 和 Safari 浏览器不显示高图表

Question

我有一个问题，我无法在iOS和Safari上显示我的Highcharts的数据。Chrome 显示没有问题。在您看来，我的错误的答案是什么？ 谢谢

Answer 1

在你的代码中，你正在使用Date.getTime()它给你 UNIX 时间戳的时间(自 1970-01-01 以来的毫秒

(iOS上的Safari和chrome无法解析此类日期，您需要以不同的方式转换它以使其与Safari和Highcharts一起使用。

如本示例中所述，您可以使用Date.UTC(year,month,day)来解析高图表的日期。

试试这个，让我知道它是否有效！

顺便说一句，您不再需要对日期进行排序;)

Answer 2

ISO 高图表

JS小提琴示例

使用与以下代码相同的代码它正在工作

.HTML

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; 
margin: 0 auto">
</div>

.JS

Highcharts.chart('container', {
chart: {
type: 'bar'
},
credits: {
enabled: false
},
exporting: { 
enabled: false
},
title: {
text: 'Campus Placement Preferences'
},
xAxis: {
categories: ['BACHELOR', 'MASTER', 'DIPLOMA', 'DOCTORATE'],
labels: {
enabled: true
},
minorTickLength: 0,
tickLength: 0
},
yAxis: {
min: 0,
title: {
text: ''
},
gridLineColor: 'transparent'
},
legend: {
reversed: true
},
tooltip: {
headerFormat: '<span style="font-size:11px">
{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}"></span> 
<b>{point.y}%</b> of total 100%<br/>'
},
plotOptions: {
series: {
stacking: 'percent'
}
},
series: [{
name: 'NO',
color:'#70d8ff',
data: [50, 30, 40, 70]
}, {
name: 'YES',
color:'#1d3166',
data: [50, 70, 60, 30]
}]
});

Answer 3

我在 Safari 上收到一个非常不具体的错误，而且我的 iPad 上的浏览器也没有在高图表中显示数据。我根据使用 new Date(( 的函数指定了图表的开始和结束时间。在我阅读此线程后，为什么 Date.parse 给出不正确的结果？我使用给定的解析函数解析了我的开始和结束日期(在图表选项中指定(，现在 highcharts 工作正常！