在cytoscape.js中显示节点之间的关系

Show the kind of relation between nodes in cytoscape.js

本文关键字：之间 关系 节点 显示 cytoscape js      更新时间：2023-09-26

我正在寻找一个软件，让我与自动绘图和用户交互绘制实体之间的关系。我已经看到了cytoscape.js，它似乎是一个非常好的选择，但我想知道如果使用这个软件，你可以可视化的关系的名称。

这个例子的目的是画两个人并表明他们的关系，例如，他们是兄弟。

Person1 ====== brother =====> Person2

我需要修改代码来做这个吗?

您不需要修改代码。这个功能已经是内置的。您需要知道如何使用映射器和细胞景观样式表定义。

如果你看一下他们在这里使用的演示的源代码，你会发现当你定义cytoscape css样式时，你需要设置content属性，然后你可以使用映射器并指定你想要显示的节点/边缘数据中的哪个属性。这已经通过节点的id属性完成，如下所示:

style: cytoscape.stylesheet()
  .selector("node")
        .css({
            "content": "data(id)",
            "shape": "data(shape)",
            "border-width": 3,
            "background-color": "#DDD",
            "border-color": "#555",
        })

你也可以对边做同样的处理

相关文章：