相关疑难解决方法(0)

以下代码用于显示javascript树图的文本标签.

nodeEnter.append("svg:text")
        .attr("x", function(d) { return d._children ? -8 : -48; }) /*the position of the text (left to right)*/
        .attr("y", 3) /*the position of the text (Up and Down)*/

        .text(function(d) { return d.name; });

这使用svg,它没有自动换行功能.如何更改这个正常段落

所以我可以使用CSS来自动换行.如何制作这个常规文本而不是svg文本？

我需要在SVG中显示多行文本:使用D3.js文本.

示例数据如下所示,我希望在每个作者的单个节点下显示"全部""标题",而不是强制方向布局中的单个节点.

样本数据

{
    {"author":"Author1", "group":"fiction", "books" : [
        {"title":"Book Title1", "rating":3},
        {"title":"Book Title2", "rating":4}
    ]},
    {"author":"Author2", "group":"non-fiction", "books" : [
        {"title":"Book Title3", "rating":3},
    ]}
}

SVG:文本只需要一个文本输入并显示在一行中,所以我添加了更多文本并调整"dy"？或者回缩收集节点信息并替换？

谢谢你的提示.

我试图让我的标签正确包装。我需要让刻度和标签匹配。我正在为标签使用包装功能，但无法使其与 tspans 一起使用。

工作演示

更新

这是之前和之后的图片，以帮助了解我之后的内容。