Chrome不会在Highcharts,Safari和Firefox中显示x轴标签

问题描述 投票:1回答:1

奇怪的是,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
},
});
});

知道为什么会如此以及如何改变它?谢谢你的任何提示!

highcharts label axis
1个回答
1
投票

出于某种原因,他们似乎以不同的方式解释了您的CSV的第一列。 Chrome似乎将其转换为时间戳,而Firefox则将其视为纯字符串。

指定x轴是一个类别轴似乎也清楚地表明了Chrome:

xAxis: 
{
    type: 'category'
}

请参阅this updated JSFiddle进行演示。

© www.soinside.com 2019 - 2024. All rights reserved.