svg foreignObject wrap background不遵循width，height

Question

作为标题，我希望我的文字可以包装，所以我使用＆＃34; foreignObject＆＃34;。 代码是成功但是太多的空白。 这是结果图片：

这里是代码：

json_data.forEach(function(d) {
            var elemEnter = svg.select("g")
                .append('g')
                .attr("transform", d.transform);

            elemEnter.append('circle')
                .attr("r", d.r)
                .attr("fill", d.fill = "red")
                .attr("class", d.class)
                .attr("id", "node_id" + d.node_sn)
                .attr("onclick", "NodesDownInlv3(" + d.node_sn + ")");


            elemEnter.append('foreignObject')
                .attr("class",d.class)
                .attr("id", "node_id_text" + d.node_sn)
                .attr("style", "text-anchor:middle")
                .attr("x", function(d) {
                    return -60;
                })
                .attr("y", function(d) {
                    return 30;
                })
                .attr("width",150)
                .attr("height",50)
                .append('xhtml:body')
                .append('p')
                .attr("id", "node_id" + d.node_sn)
                .text("(5-n-11)123456789,abcdefgh");
        });