带有长标签的D3树绘图

时间:2017-03-29 23:31:13

标签: javascript d3.js

我正在尝试打印一些树,其中节点标签是最多约200个字符的句子。有没有办法为标签指定最大宽度,并将较长的标签包裹在多行上?

换句话说,附加到下图中节点的标签:

https://github.com/d3/d3-hierarchy/blob/master/README.md#tree

最长可达200​​个字符。

PS。也许它是自动完成的,但我还没有编写代码,以防使用D3的这个组件是一个死胡同。

1 个答案:

答案 0 :(得分:0)

不幸的是,SVG规范不允许“自动换行”发生。您可以做的最好的事情就是编写自己的函数,将文本包装成多个<tspan></tspan>标记。以下是您可以遵循的示例:

https://bl.ocks.org/mbostock/7555321