javascript - 解析 X 轴日期时出错

标签 javascript d3.js

我正在尝试从 D3.js 中的 json 数据解析数据,这是问题函数。

minDate = new Date(data[0][0]);
    maxDate = new Date(data[274][0]); 

var x = d3.scaleTime()
          .domain([minDate, maxDate])
      .range([0, width]);

这是错误

Error: <rect> attribute x: Expected length, "NaN"

CodePen 链接 https://codepen.io/rocket18/pen/qpVeBj

非常感谢任何帮助!

最佳答案

只有一些小问题,您使用了d3.timeFormat而不是d3.timeParse,我添加了d.year = parseDate(d[0] );data.forEach 中,您将 svg 元素附加到 svg 元素,我将其更改为 div。

我还在.domain中使用了d3.extent

这是完整的工作代码:Plunker

关于javascript - 解析 X 轴日期时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48140993/

相关文章:

html - 在 svg 行的路径上对文本进行对 Angular 线切割

php - 使用 d3.json 从 PHP 输出 JSON

javascript - Angular 表,行中的复选框

javascript - 仅在轴的起点和终点刻度

javascript - d3js - 将父元素添加到选择中

javascript - 对于线性刻度刻度的文本标签,缩放会导致标签延伸到轴之外

javascript - RXJS:在运算符之间分配然后重用值

javascript - 类型错误 : Cannot read property 'user_mainValue' of undefined

javascript - 不能直接在 fillStyle 中生成随机数吗?

javascript - 保留动态按钮初始属性的内存