奇怪的是,Chrome不显示x轴上月份的缩写,而只显示一个数字(8307)。 Firefox和Safari会正确显示它。
这是代码:https://jsfiddle.net/luftikus143/cpnzhveu/10/
$(function() {
$('#container').highcharts({
title: {
text: "Arctic Sea Ice Extent",
align: "center"
},
data: {
csv: document.getElementById('csv').innerHTML
},
xAxis: {
labels: {
step: 31,
staggerLines: 1,
formatter: function() {
return this.value.toString().substring(2, 6).toUpperCase();
},
style: {
color: "#666666"
},
x: 30
},
tickWidth: 0
},
plotOptions: {
series: {
connectNulls: true,
shadow: false,
lineWidth: 1,
color: 'rgba(100, 100, 100, 0.2)',
marker: {
enabled: false
}
}
},
legend: {
enabled: false
},
});
});
知道为什么会如此以及如何改变它?谢谢你的任何提示!
出于某种原因,他们似乎以不同的方式解释了您的CSV的第一列。 Chrome似乎将其转换为时间戳,而Firefox则将其视为纯字符串。
指定x轴是一个类别轴似乎也清楚地表明了Chrome:
xAxis:
{
type: 'category'
}
请参阅this updated JSFiddle进行演示。