如何在visjs图中隐藏边缘的标签？

Question

我想仅在选择边缘时显示标签，是否有库方法来执行此操作？

最终我考虑过拥有包括标签在内的边缘属性商店，这是一个好主意吗？

Answer 1

没有这样的方法。

您可以做的是收听selectEdge事件，并在选择边缘时删除它的标签。取消选择边缘后，再次添加标签。

Answer 2

如果设置了边缘label字段，则会显示标签。没有办法将其配置为表现不同。要隐藏标签，只需将值移至隐藏字段，例如_label或label_hidden。然后当您准备好显示标签时edge.label = edge._label。

一个人抬头：如果你delete edge.label并通过DataSet.update更新，那么它就不会被删除。您必须将其设置为""或null。

Answer 3

我发现这种解决方法是最简单的方法：

var options = {
    edges: {
        font: {
            size: 0
        },
        chosen: {
            label: function (values, id, selected, hovering) {
                values.size = 14;
            }
        }
    }
}

var network = new vis.Network(container, data, options);

说明：

所有边缘的字体大小设置为0。 所选边的字体大小设置为所需的值。

旁注：

由于某种原因，这种方法不起作用。

请参阅： https://github.com/almende/vis/issues/4112