Javascript 将html附加到D3库中的.text（）方法

请帮助在D3库中的

.text（）

方法中使用

标记。 这就是我目前所尝试的。很明显，它向我显示简单的文本，甚至br标记

var text_box = g
    .selectAll(".text-box")
    .data(function(d) { return points.slice(2, d); })
    .enter()
    .append("text")
    .attr({
        "class": "text-box",
        "dx": x,
        "dy": y,
        "transform": "translate(" + 15 + "," + 5 + ")"
    })
    .text(function(d, i) { return count+" changed <br/> by @"+name});

var text\u box=g
.selectAll（“文本框”）
.data（函数（d）{返回点.slice（2，d）；}）
.输入（）
.append（“文本”）
艾特先生({
“类”：“文本框”，
“dx”：x，
“dy”：y，
“转换”：“转换（“+15+”，“+5+”）
})
.text（函数（d，i）{return count+“被@”+name}更改了
）；

我甚至尝试附加

div

标记并使用

.html（）

方法，但这也不起作用。我做错了什么？

SVG

元素不直接支持换行。发件人：

每个“text”元素都会导致呈现单个文本字符串。SVG不执行自动换行或换行。要实现多行文字的效果，请使用以下方法之一：

• 作者或创作包需要预先计算换行符并使用多个“文本”元素（每行文本一个）
• 作者或创作包需要预先计算换行符，并使用一个“text”元素和一个或多个“tspan”子元素，以及属性“x”、“y”、“dx”和“dy”的适当值，为那些开始新行的字符设置新的起始位置。（这种方法允许用户跨多行文本进行文本选择——请参见文本选择和剪贴板操作。）
• 表示要在另一个XML名称空间中呈现的文本，例如内嵌在“foreignObject”元素中的XHTML[XHTML]。（注意：目前尚未完全定义此方法的确切语义。）

我认为

元素在SVG中也不起作用

---

第二种方法的示例如下：

so。。可以换一条新的生产线吗？这就是我所需要的是的，这是可能的，有三种方法我现在已经在答案中包括了一个方法的例子。