是否可以使用另一个 d3 图表的 mouseover 元素显示 d3 图表答案

【问题标题】：Is it possible to display a d3 chart using the mouseover element of another d3 chart是否可以使用另一个 d3 图表的 mouseover 元素显示 d3 图表
【发布时间】：2015-05-14 14:48:41
【问题描述】：

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

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

我知道我想调用的 d3 图表和我输入时一样：

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

在我的页面正文中显示。但是，一旦我尝试将其放入上面的函数中并在鼠标悬停时调用该函数，它就不会显示。单词消失了，当我检查元素时，div 在那里但图表不存在。

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

【问题讨论】：

标签： javascript d3.js charts

【解决方案1】：

如果我正确理解您的问题，您只需切换 div 的 display 样式即可。

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

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

然后将其插入到鼠标悬停函数中

d3.select("#contract").style("display","inline-block")

您可能需要使用 inline-block 以外的其他内容，具体取决于您希望 div 在您的网站中显示的方式。

那么您可能需要在鼠标移出时将显示设置回无

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

【讨论】：