Javascript 在D3.js树中添加多个文本属性

我尝试为d3.js树改编一段代码。除了我找不到添加多个文本行（我想单独设置样式）的方法外，其他方法都可以工作。它与“fonction”一起使用，但与“fonction”和“nom”不一起使用

以下是用于附加文本的部分代码：

var nodeEnter = node.enter().append("g")
          .attr("class", "node")
          .attr("transform", function(d) { return "translate(" + source.y0 + 
           "," + source.x0 + ")"; })
          .on("click", click);
           nodeEnter.append("circle")  
          .attr("r", function(d) { return d.value; })
          .style("stroke", function(d) { return d.type; })
          .style("fill", function(d) { return d.level; });

          nodeEnter.append("text")
         .attr("x", function(d) { return d.children || d._children ? -13 : 13; 
         })
         .attr("dy", ".35em")
         .attr("text-anchor", function(d) { return d.children || d._children ? 
         "end" : "start"; })
         .text(function(d) { return d.fonction; })
         .style("fill-opacity", 1e-6);

如果我复制最后一个块以返回d.nom，则它只能与最后一个块一起工作（例如，如果我颠倒顺序，则相反的是d.nom而不是d.fonction）

我仍在试图找到一种方法来回报这两个。这是唯一缺少的一部分，因为我试图建立这棵树，但我有点迷失了方向

谢谢你的指点，可以帮我。。。

---

关于。

您的问题不清楚。如果您执行

.text（函数（d）{return d.fonction+“”+d.nom；}）

？哦，它是这样工作的。我尝试了{return d.fonction+d.nom；}没有成功。但是有了空格作为分隔符，它就成功了。非常感谢你的帮助。顺便说一句，我不得不同意：我的问题确实不是很完美。你刚才说的（“我尝试了{return d.fonction+d.nom；}但没有成功”）似乎没有道理：没有空白的情况下，它的工作方式是一样的，看一看。你可能在其他地方有另一个问题。是的，再一次。无法解释为什么。我有另一个问题，关于样式，但我宁愿在另一个问题中问这个问题。

var nodeEnter = node.enter().append("g")
          .attr("class", "node")
          .attr("transform", function(d) { return "translate(" + source.y0 + 
           "," + source.x0 + ")"; })
          .on("click", click);
           nodeEnter.append("circle")  
          .attr("r", function(d) { return d.value; })
          .style("stroke", function(d) { return d.type; })
          .style("fill", function(d) { return d.level; });

          nodeEnter.append("text")
         .attr("x", function(d) { return d.children || d._children ? -13 : 13; 
         })
         .attr("dy", ".35em")
         .attr("text-anchor", function(d) { return d.children || d._children ? 
         "end" : "start"; })
         .text(function(d) { return d.fonction; })
         .style("fill-opacity", 1e-6);