dagre-d3- 使长文本适合节点内

【问题标题】：dagre-d3- make the long text to fit inside nodedagre-d3- 使长文本适合节点内
【发布时间】：2018-12-24 17:27:51
【问题描述】：

在 setNode 中我们也可以指定 html。如果我提到宽度和高度，如果它是长文本，它就会移出。

g.setNode(0, {
    labelType: "html",
    label: '<div style="color: red; width: 90px; height: 30px;">test data overlapping</div>',
    width: 70,
    height: 35
});

我尝试为 div 指定宽度，但它不起作用示例 Fiddle

如何使文本适合节点内？

【问题讨论】：

标签： javascript dagre-d3 dagre

【解决方案1】：

在宽度和高度上使用auto 属性，如下所示：

Sample Fiddle

使用auto 元素将自动调整其高度和宽度以允许其内容才能正确显示。

【讨论】：

是的，这应该可行，这是我的最终解决方案，是否有可能以当前的宽度和高度适应文本？
好吧，如果你要修复一些特定的宽度和高度，那么在一个点之后文本总是会离开节点。您可以使用这样的空白属性： label: '
，这将有助于换行。乐于助人。