javascript - 在 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",
        })

你可以对边做同样的事情 希望这会有所帮助。