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

Question

我尝试为d3.js树调整一段代码。事情很有效，除了我找不到添加多个文本行的方法（我想单独设置样式）。它适用于“fonction”，但不适用于“fonction”和“nom”。

{    
  "fonction": "blah1",
  "nom": "wah1",
  "type": "green", 
  "level": "green"
},   
{    
  "fonction": "blah2",
  "nom": "wah2",
  "type": "yellow", 
  "level": "yellow"
}

以下是用于追加文字的代码的一部分：

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，反之，如果我颠倒顺序。

我仍在努力寻找一种方法来回归。这是我尝试设置树的唯一缺失的部分，但我有点迷失它。

感谢任何有助于...的指示 问候。