D3.js 带Voronoi的d3折线图

我试图在自己的工作中使用以下代码

我已经让它几乎可以工作了，但是mouse-overs代码的行为方式与示例代码不同

我确保该行插入到基础数据中

svg.selectAll'.line' .数据 进来 .appendpath .阶级，阶层 .attr'stroke'，函数d，i{返回颜色[i%colors.length]；} .attrd，函数{ **d.直线=此** 返回lined.values}

然后根据示例代码生成voroni数据

 var vr = (voronoi(d3.nest()
               .key(function(d) { return x(d.timestamp) + "," + y(d.attainment) + y(d.dcuid); })
               .rollup(function(v) { return v[0]; })
               .entries(d3.merge(data.map(function(d) { return d.values; })))
               .map(function(d) { return d.values; })));

但当我想在voronoi鼠标中查看增强数据时，我的问题就来了——线对象不再存在了

voronoiGroup.selectAll(".line")
 .data(vr)
 .enter().append("path")
 .attr("d", function(d) {return "M" + d.join("L") + "Z";})
 .datum(function(d) {return d.point; })
 .on("mouseover", function(d){alert(d.line)})

在演示代码中，警报将起作用

我在这里整理了我的问题