D3 Graph не отображается

Question

Я копал на этой проблеме в течение последних нескольких часов, но я не могу показаться, чтобы получить ступенчатый участок появится в jfiddle ниже

http://jsfiddle.net/uk8t6mtg/1/

Я подозреваю, что это потому что я неправильно понимаю, как использовать ось х с концепцией времени.

Я пытаюсь сделать график, где У меня есть данные, как:

data = {"step_plot_3": {"x_axis": ["4-Jun-07", "5-Jun-07", "6-Jun-07", "7-Jun-07", "8-Jun-07"], "y_axis": [0.32322222222152003, 9.7200555555434001, 0.8200000000001999, 0.27433333333332, 1.0541111111102599]}} 

где сроки не могут быть последовательными, но будут одинаково далеко друг от друга. Значения y соответствуют часам и представлены ступенчатым графиком.

Код прилагается в основном из примера D3.js с дополнительными изменениями, которые я сделал сам.

Пример:

http://bl.ocks.org/mbostock/3883245

Любые советы о том, как отлаживать этот вопрос будет в значительной степени оценены.

Answer 1

В консоли JS или в DOM вы увидите путь с недопустимым значением для d, «MNaN, 447.6 .....». Неправильное значение входило в функцию масштабирования xAxis. Если вы измените строку 48 скрипта на: return parseDate(d); Вы увидите правильный путь.

Answer 2

Также вам нужно будет стилизовать путь для удаления заливки и добавить цвет штриха. Что-то вроде:

.line { 
    fill:none; 
    stroke: red; 
}