cytoscape.js - 如何在 cytoscape.js，dagre-layout 中找到节点内的文本

Question

我一直在尝试使用 cytoscape.js 中的 dagre-layout 来创建图形，但是我似乎无法在节点内找到文本，而我可以在 dagre-d3 中找到它，(编辑:在CTRL + F)。

它似乎甚至在演示中也是如此:http://js.cytoscape.org/demos/labels/这是不可用的。

关于如何让它成为可能的任何想法？

Answer 1

使用 Cytoscape 时，您使用的不是节点和边的传统 DOM 元素。而是在 Canvas 上绘制。所以你搞砸了吗？

没有。您只需要编写一些程序。将文本框添加到您的页面。向其添加一个 on change 监听器(或添加一个按钮以仅在用户单击它时进行搜索)。当用户键入时，您可以运行搜索以读取图中的所有节点。为了提高速度，您可能希望实现 binary search基于节点的文本。

当您找到匹配的文本(完全匹配或部分匹配)时，您可以添加一个类来使用 Cytoscape.js 的 addClass 更改视觉外观方法。如何显示数据由您决定。