换行符上的Javascript文字D3 Viz？

Question

我正在尝试创建一个可折叠的树，并在名称下面有一个角色。我尝试添加<br>和新行字符，但它不起作用。现在它只是名称：角色，我想要名字下的角色？

 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"; })
       //HERE
      .text(function(d) { return d.name + ": " + d.role})
      .style("fill-opacity", 1e-6);