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

Question

我正在寻找一种软件，它允许我通过自动绘图和用户交互来绘制实体之间的关系。我看过cytoscape.js，这似乎是一个非常好的选择，但我想知道如果使用这个软件你可以想象关系的名称。

这个例子的目的是吸引两个人并展示他们的关系，例如，他们是兄弟。

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

我是否需要修改代码才能执行此操作？

Answer 1

您无需修改​​代码。此功能已内置。您需要知道如何使用mappers和cytoscape stylesheet definitions。

如果您查看他们使用的演示源here，您会看到当您定义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",
        })

您可以对边缘执行完全相同的操作 希望这会有所帮助。