Chrome не будет отображать метки оси X в Highcharts, Safari и Firefox делают это - PullRequest
Новая
       36

Chrome не будет отображать метки оси X в Highcharts, Safari и Firefox делают это

0 голосов
/ 18 сентября 2018

Как ни странно, 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
},
});
});

Есть идеи, почему это так и как это изменить?Спасибо за любые подсказки!

1 Ответ

0 голосов
/ 18 сентября 2018

Почему-то кажется, что они по-разному интерпретируют первый столбец вашего CSV.Похоже, что Chrome преобразует его в метку времени, тогда как Firefox рассматривает его как чистую строку.

Указание, что ось x является осью категории, также проясняет ситуацию в Chrome: 

xAxis: 
{
    type: 'category'
}

См. это обновленное JSFiddle для демонстрации.

...