带有unix时间戳的d3.js平分线

Question

我正在尝试使用带有unix时间戳的平分图和他的答案

Multiseries line chart with mouseover tooltip

我现在正在摆弄几个小时，似乎不知道为什么它不起作用。平分线总是哭泣

    d3.v3.min.js:1 Uncaught TypeError: Cannot read property 'length' of undefined

虽然我正在使用：

      dataset.forEach(function(d) {
        d.date = new Date(d.time);
        d.close = +d.close;
      });

我把所有东西放在一起，我是一个独立的pastebin。请原谅格式化。如果有人指出我所做的错误，我会非常高兴。 http://pastebin.com/ycDjYTUW

Answer 1

首先，bisect期望一个数组作为第一个参数，你传递一个值（实际上是未定义的）。我想你的意思是将d传递给它。其次，在我连接的示例中，lines数组是一个路径数组，您已将其更改为g数组。

var xDate = xScale.invert(mouse[0]),
  bisect = d3.bisector(function(d) { return d.date; }).left;
  idx = bisect(d, xDate);

var beginning = 0,
  end = lines[i].children[0].getTotalLength(),
  target = null;

...

正在运行代码here。