D3 JSON圖文本換行

Question

我正在基於D3和JSON創建一個圖：

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

在結果圖中，所有文本都很長，因此會重疊。 反正有包裝文字嗎？ （文本換行？）

Answer 1

SVG text元素不允許自動換行或換行。 您基本上有兩個選擇：

• 使用tspan元素（例如，參見此問題 ）。
• 使用foreignObject元素 ，該元素允許您嵌入div ，從而指定寬度並受益於自動包裝。

后一種選擇可能是您想要的。 它更強大，更易於使用。 請注意，並非所有瀏覽器都支持它，但是特別是舊版本的IE。