D3.js组织图-难以在文本工具提示上实现鼠标移出

Question

我继承了一个D3.js组织图（类似于Mike Bostock的Reingold树），需要进行一些更新。我设法弄清了我需要进行的大多数更改，但是有一个让我很困扰-有人可以建议吗？

树显示每个员工的姓名，工资单ID和职位，但由于某些职位可能太长，因此最多只能显示30个字符。我想要将鼠标悬停在全文显示上，并且已经实现了如下的mouseover部分-我似乎无法确定是如何设置mouseout的。根据我在StackO论坛上阅读的内容，我尝试了各种选择，但没有成功。

node.on("mouseover", function (d) {
        d3.select(this).append("text")
        .attr("x", function(d) { return d.children || d._children ? 40 : 10; })
        .attr("dy", "-12")
        .attr("text-anchor", "right")
        .text(function(d){return d.title;})
        .style("font-weight", "bold");
        });

所有有关如何编码mouseout的建议都值得欢迎-我已经看过使用tip.show和tip.hide，但是老实说，上面的代码已被证明更成功-至少在第一部分！ / p>

谢谢，

伊恩