D3 JSON图文本换行

Question

我正在使用D3和JSON创建一个基于此的图表：

http://bl.ocks.org/mbostock/4063550

在结果图中，所有文本都重叠，因为它们很长。无论如何要包装文本？ （文本换行？）

Answer 1

不幸的是，SVG text元素不允许自动文本换行或换行。你基本上有两个选择：

• 使用tspan元素（参见例如this question）。
• 使用foreignObject element允许您嵌入divs，从而指定宽度并从自动包装中受益。

后一种选择可能就是你想要的。它功能更强大，更易于使用。请注意，并非所有浏览器都支持它，特别是IE的旧版本。