Javascript 是否可以使用另一个d3图表的鼠标悬停元素显示d3图表

我已经创建了一个折线图，该折线图上有一个工具提示，用于显示图表该点的值。我还希望工具提示将页面的另一部分从一些单词更改为显示另一个d3图表。我一直在尝试使用以下功能：

function linechange(txt5) {
document.getElementById('name5').innerHTML = txt5;
}

我知道我想称之为d3图表的工作原理如下：

<div id="contract"></div>

在我的页面主体中，它会显示出来。但是，只要我尝试将其放入上面的函数中，并在鼠标中调用该函数，它就不会显示。单词消失了，当我检查元素时，div在那里，而不是图表

---

我的问题是这是否可能？还是我只是个白痴！（后者更可能是因为我仍在努力了解html/d3/javascript）

如果我正确理解了您的问题，您只需切换div的

显示样式即可

首先将div代码放在主体中，但在css或style属性中将其显示样式设置为“none”

<div id="contract" style="display:none;"></div>

根据您希望div在网站中的显示方式，您可能需要使用除
内联块
以外的其他内容

然后，在鼠标移出时，可能需要将显示设置回“无”

d3.select("#contract").style("display","none")

d3.select("#contract").style("display","none")