Question

所以我有以下代码使用d3js库可视化树。我的问题在于nodeEnter.append（＆＃34; text＆＃34;）部分，用于实际分配文本值。出于某种原因，它不会注册我在文本分配中添加了换行符\ n字符，因为文本在渲染svg时没有转到换行符。此外，我希望我的文本正常隐藏并出现在鼠标悬停上;但是，这不起作用。相反，我设法让相反的功能工作（隐藏鼠标悬停）。有人可以告诉我如何获得我想要的鼠标功能，以及如何制作＆＃34; \ n＆＃34;字符实际上是将文本的其余部分发送到换行符了吗？

TY

  nodeEnter.append("text")
  .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
  .attr("dy", ".35em")
  .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
  .text(function(d) { return d.name+"\n"+d.text; })
  .style("fill-opacity", 1e-6)
  .style("visibility","visible")
  .on("mouseenter", function(){d3.select(this)
    .style("visibility", "hidden")
    .transition()                      
    ;})
  .on("mouseleave", function(){d3.select(this)
    .style("visibility", "visible")
    .transition()                      
    ;});

（基本上只要它的可见性设置为可见，我希望它隐藏起来，无论它隐藏在哪里，我都希望它可见）

隐藏文本元素并在d3js app

0 个答案: