json - D3 JSON 图文本换行

Question

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

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

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

Answer 1

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

• 使用一个tspan元素（参见例如这个问题）。
• 使用允许您嵌入s 的foreignObject元素div，从而指定宽度并从自动换行中受益。

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