D3 JSON图文本换行

Question

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

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

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

Answer 1

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

• 使用tspan元素（请参阅例如this question）。
• 使用foreignObject element可以嵌入div，从而指定宽度并从自动换行中获益。

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