Javascript 显示cytoscape.js中节点之间的关系类型

我正在寻找一个软件，使我能够绘制与自动绘图和用户交互实体之间的关系。我看到了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",
        })

可以对边执行完全相同的操作 希望这有帮助