javascript - D3 图表未显示

标签 javascript d3.js

过去几个小时我一直在研究这个问题,但我似乎无法让步骤图出现在下面的 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/

相关文章:

ios - iOS 和其他平板电脑上的 SVG 性能状态?

d3.js - d3js - 如何使用 d3js 旋转 map

javascript - 如果更新了具有值触发器的行中的任何单元格,sendNotification 将继续发送电子邮件

javascript - 在 d3-plunker 上渲染 d3-timeseries

javascript - 滚动时 jQuery 添加/删除类

javascript - d3 : Append caption/title to table

javascript - 有没有办法在c3js上覆盖c3_chart_internal_fn.generateResize?

javascript - <div> 标签位于 <table> 标签之外

javascript - 在用户脚本中使用大型文本文件的最有效方法是什么?

javascript - 在数据事件中访问 c​​3js 中的数据值