Question

以Mike Bostock的Mobile Patent Suit示例为例，我想在鼠标悬停在圆圈上的DIV类文本中列出类型值。我试着让它发挥作用。我不知道为什么所有的值都列在DIV类文本中。我的工作代码可以在这里看到。

Answer 1

你应该删除这部分：

var div = d3.select("body").selectAll(".usertext")
    .data(links)
.enter().append("div")
.attr("class", "usertext")
.text(function(d) { return d.type;});

并改为使用此代码：

var ul = document.getElementById("source");
var li = ul.firstChild;
li.innerText = links[a.index].type;
ul.appendChild(li)

你的例子中的Html应该是这样的：

<script src="http://d3js.org/d3.v3.min.js"></script>

<div class="usertext">
<ul id="source">
<li>Source</li>
</ul>
</div>

这里完整代码： http://codepen.io/anon/pen/zkAtD

强制定向布局，列出鼠标悬停时的源和目标值

1 个答案: