过去几个小时我一直在研究这个问题,但我似乎无法让步骤图出现在下面的 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
任何有关如何调试此问题的建议将不胜感激。
最佳答案
在 JS 控制台或 DOM 中,您将看到一个路径,其 d 值无效,“MNaN,447.6.....”。
xAxis 缩放函数中输入的值不正确。如果将 fiddle 的第 48 行更改为:
返回parseDate(d);
您将看到呈现的有效路径。
关于javascript - D3 图表未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27031323/