在javascript中显示值的垂直条

我有个问题，我真的需要你的帮助。 我有一个实时图形，带有一个随光标移动的垂直条，我希望它在光标指向时显示图形的值（d.time和d.value）。我有两个随机生成的数据系列（data1s和data2s），我将生成数据的时间放在“time”变量中，如您所见：

now=新日期（Date.now（）-持续时间）；
var data1=初始化（）；
var data2=初始化（）；
//生成堆叠数据
var data1s=data1；
var data2s=[]；
对于（变量i=0；i

}

当我将鼠标悬停在图形周围时，我希望工具提示显示时间和值，但它无法识别时间和值，并且显示“未定义”，因为我不知道如何传递数据集（Data1和Data2），所以“鼠标悬停函数可以识别要显示的数据！这是如何生成工具提示函数以及如何从“path1”和“path2”调用工具提示函数的

你知道该怎么做吗？我想我需要补充一下

svg.selectAll("path1")
.attr("opacity", 1)

 or svg.selectAll("datas1")
.attr("opacity", 1)

某个地方！但我不知道怎么

---

谢谢，

将鼠标悬停功能更新为：

function mousemove(d) {

 div
 .text( d[0].time+ ", " + d[0].value)
 .style("left", (d3.event.pageX ) + "px")
 .style("top", (d3.event.pageY ) + "px");
}

包括对象“d”的索引

---

希望这能有所帮助。

WOW！很好的应用程序！你还可以修改代码缩进以反映其惊人之处吗？你是在取笑我吗；）工具提示还不能正常工作。所以我们不能称之为“很好的应用程序！”：p你有什么想法或类似的例子可以介绍给我吗。我真的遇到了阻碍：（你检查过这个吗：（它获取时间和值）不，我诚实地认为它看起来不错！但我不知道如何立即修复它。非常感谢您的帮助。它显示了一些值，但仍然无法识别正确的值。我更新了您推荐的内容：我制作了另一个显示正确值的图，但我不知道如何去除圆！出现了一个错误ange在代码中，一些蓝圈函数存在于代码中，导致了蓝点。请检查一下。感谢您的时间，但我不确定您的意思。您能解释一下吗？如果我可以删除蓝圈，我可以找到正确的工具提示。我不喜欢它们上下跳跃的方式，但至少它们可以识别“part:svg.selectAll（“dot”）.data（data1s）”的值是正确的，但我以前的版本中怎么会有这个部分呢？：（我真的被阻止了……这个世界上没有人来帮助我：(

function mousemove(d) {

 div
 .text( d[0].time+ ", " + d[0].value)
 .style("left", (d3.event.pageX ) + "px")
 .style("top", (d3.event.pageY ) + "px");
}