如何破坏从数据调用的d3.js中的文本

Question

我想拉出名字＆amp;来自json数据库的姓氏＆amp;它应该以两行显示.....

以下代码需要更改哪些内容？

.text(function(d) { return d.firstname +"<br/>"+ d.lastname;});

Answer 1

我认为你不能直接直接添加一个html元素。

您可以使用foreignObject。

svg.append("foreignObject")
  .attr("width", "50px")
  .attr("height", "50px")
  .append("xhtml:div")
  .html(function(d) { 
    return (d.firstname + " <br>  "  + "     " + d.lastname);
  });