一个实例中的多个图

Question

我正在用 cytoscape 查看我的开关。交换机大约有 40 个端口，每个端口都非常适合广度优先布局。

但是我需要在一页中大约 40 个相同的图表

当我使用具有多个根的广度优先时，我变得像这样一团糟

那么，我能以某种方式处理这个问题吗？

抱歉，还没有 10 个代表，因此无法粘贴图片和更多链接以更正确地解释。

而且英语不是我的母语。

Answer 1

基本上和你想做的一样。只需添加您的正文标签：

<body>
    <div id="cyFirstInstance"></div>
    <div id="cySecondInstance"></div>
</body>

然后在定义节点的 javascript 函数中，为每个实例添加样式（两个节点可以相同）

$('#cyFirstInstance').cytoscape({
    style: ...

$('#cySecondInstance').cytoscape({
    style: ...

希望对您有所帮助。

Answer 2

如果您想将所有元素都放在一个实例中，您可以运行在图表的不同部分使用不同的布局：http://js.cytoscape.org/#collection/layout

multiple graphs in one instance