D3.js 线条突出，但点不突出

我试图添加一个“突出显示”效果，如此链接所示（）我的线条由两部分组成，第一部分是线条本身，第二部分是每行上出现的点。当我的鼠标悬停在红线上时，这条线保持不变，但由于某种原因，红点消失了。我希望当我在上面悬停时，红点和红线保持不变。我做错了什么？下图显示了当我在红线上方悬停时发生的情况，正如你所看到的，红点消失了

---

这是因为

.line

和

.dot

的数据不同，一个是

sumstat

带

key

属性，另一个是

data

不带

key

。那么代码呢

.append("circle")
.attr("class", function (d) { return "dot " + d.key } )

将为每个圆的类返回“未定义的点”。
然后在

highlight（）

中，所选点将不包括在内

---

我将您的代码调整为a，但您可以一致地更改

.line

和

.dot

的绑定数据，以避免以后出现此类错误。

您能将代码转换为可运行的代码段吗？这将有助于引出更好的答案。谢谢你的帮助，这很有效！我对线条和点使用了不同的数据集，因为对于线条，数据是用键{key:ashley values:[]等]嵌套的，我不能对点使用这种数据格式。

.append("circle")
.attr("class", function (d) { return "dot " + d.key } )