Text D3 rect元素内的绘图文本？

我这里有代码，我需要将文本添加到所有六边形右边的rect元素中，让它像div中的一个段落一样，具有给定的高度和宽度，并正确地进行包装。这是jsfiddle。绘制rect的代码如下所示：

---

听起来你需要。你能用我提供的JFIDLE提供帮助吗？我不熟悉foreignObject及其语义这里有一个更新的JSFIDLE，上面有您发布的内容。。。它仍然不起作用。如果有输入错误，它应该是

svgContainer

，而不是

svg

。

var infoRect = svgContainer.append("rect");
    var infoRectAttr = infoRect.attr("x", function(){
        return infoDivX;
    })
    .attr("y", function(){
        return infoDivY;
    })
    .attr("width", function(){
        return infoDivWidth;
    })
    .attr("height", function(){
        return infoDivHeight;
    })
    .style("fill", "rgb(30,180,134)")
    .style("stroke", "black")
    .style("stroke-width", 3)
    .attr("id", "infoRect");