javascript - D3 图表未显示

Question

过去几个小时我一直在研究这个问题，但我似乎无法让步骤图出现在下面的 jfiddle 中

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

我怀疑这是因为我误解了如何从概念上使用 x 轴和时间。

我正在尝试制作一个图表，其中包含如下数据:

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 缩放函数中输入的值不正确。如果将 fiddle 的第 48 行更改为:返回parseDate(d);您将看到呈现的有效路径。