Highcharts在Safari和Chrome中的格式不同
Highcharts formats differently in Safari vs Chrome
我正在使用以下代码,它生成了我在 Safari 中想要的所需的 Highchart 格式。但是,当我在谷歌浏览器中尝试时,即使我没有更改任何内容,我也会收到错误"未捕获的类型错误:this.value.slice不是一个函数"。
在 xAxis 部分中,我将从 csv 文件中读入的字符串从 '02/15/2016 10:31:46' 更改为 '10:31:46'。
但是,当我删除以下代码中的整个 xAxis 部分并在 Chrome 中运行它时,它会自动将 xAxis 格式化为"10:31"。就个人而言,我更喜欢在Safari中使用以下代码时产生的格式。我只是想知道有没有人知道为什么会发生这种情况,或者 Chrome 中是什么改变了以下代码的工作方式。
$.get(data, function(csv) {
$('#container').highcharts({
chart: {
zoomType: 'x',
type: 'column',
},
data: {
csv: csv,
lineDelimiter: "'n",
},
title: {
text: 'CSV file data'
},
yAxis: {
title: {
text: 'Bytes'
}
},
xAxis: {
labels: {
//Only show the time (not date and time)
formatter: function() {
return this.value.slice(10,-4);
}
}
},
plotOptions: {
series: {
marker: {
enabled: false
}
}
}
});
});
如果value
不是字符串,则 Chrome 将找不到.slice()
- 抛出类型错误。
这是因为Chrome成功地将您的日期格式解析为JavaScritp时间戳。
一种方法可能是将xAxis的类型设置为'category'
,因为我想这就是您正在使用的。
示例:http://jsfiddle.net/vs6qpobq/
另一种方法是通过在 Safari 中添加配对函数来确保在 Safari 中正确解析日期parseDate
并从时间戳中获取信息。
相关文章:
- HTML5视频无法在chrome上工作,在服务器上托管后的IE,mov文件中的视频(quicktime格式)
- 阻止Google Chrome更正格式错误的HTML脚本
- 强制 Chrome 显示格式为树结构的 Json 响应
- Highcharts在Safari和Chrome中的格式不同
- 日期格式在 Chrome 中给出的结果与其他浏览器中的结果不同
- Chrome 扩展程序 - 将 CSV 文件上传到 Dropbox 格式问题
- 新日期在Firefox和Chrome上的格式不同
- 实现货币格式 Chromecast Sender Chrome
- JSON格式的Jquery.ajax API请求导致Chrome中的“未捕获语法错误:意外令牌:”
- Chrome扩展ajax发送格式错误的重音字符
- 只有Chrome中的RTCConfiguration格式不正确
- 如何从Google Chrome扩展将HTML格式的文本复制到剪贴板
- 国际化(数字格式设置“num.toLocaleString()”)不适用于chrome
- Chrome浏览器用删除T的格式设置日期和时间,当时间为零时,其他答案不起作用
- Nicedit粘贴格式在Chrome
- 日期在ISO格式的Chrome中无效-测试日期:2012-11-31
- Chrome浏览器中的Javascript无法处理dd/mm/yyyy格式的日期
- 如何在chrome中播放.avi文件格式的视频
- IE日期格式Vs Chrome (toLocaleDateString)
- 消息是否有标准格式?Chrome.i18n. json