NVD3 - линейная диаграмма NaN на сафари с использованием последних версий

используя NVD3 в качестве линейной диаграммы, все мои данные вставляются в одну вертикальную линию (а не поперек горизонтали), и когда я наводил линию, я возвращаю 0NaN. это происходит только с использованием сафари

вот java:

вот скрипка (которая не пройдет в сафари)

здесь есть screeshot

Ответы

Ответ 1

Я, наконец, нашел ответ, для сафари формат даты должен быть следующим в вашем json

%Y-%m-%dT%H:%M:%S

Этот вопрос, который я нашел, приводит меня к ответу Safari Javascript Date() NaN Issue (yyyy-MM-dd HH: mm: ss)

Ответ 2

Несколько вещей, которые я заметил, играя с вашим кодом.

В некоторых частях вашего набора данных для key: 'Upload' вы получили значения для 'x' внутри одинарных кавычек, было бы неплохо сохранить его в вашем наборе данных. Обычно я НЕ использую одиночные кавычки для x.

Причина, по которой вы получаете 0NaN, состоит в том, что вы передаете дату как объект STRING и NOT DATE.

Итак, вот что я добавил к вашему коду:

var chart = nv.models.lineChart(); //Create instance of nvd3 lineChart  

// Convert the date passed as a STRING into a DATE object
chart.x(function(d) {     
  return new Date(d.x);
});

Вот рабочая версия кода здесь.

Я бы предложил форматировать ваши даты в X Axis, чтобы избежать их совпадения друг с другом. Вы можете найти больше о форматировании времени, используя d3.js здесь

ОБНОВЛЕННАЯ рабочая версия с вашим кодом здесь

Чтобы исправить проблему NaN в браузере Safari, вы можете отформатировать время соответственно

  chart.xAxis.tickFormat(function(d) {
    return d3.time.format('%Y-%m-%dT%H:%M:%S')(new Date(d));
  });

Надеюсь это поможет