一个实例中的多个图

时间:2015-06-25 11:47:13

标签: cytoscape.js

我用cytoscape查看我的开关。 Switch有大约40个端口,每个端口都适合于第一个布局。

http://i.stack.imgur.com/Ddg2D.png

但我需要大约40个关于同一个图表的页面

当我使用具有多个根的breadthfirst时,我会变得像这样混乱

http://i.stack.imgur.com/nYcNz.png

那么,我能以某种方式解决这个问题吗?

抱歉,目前还没有10个代表,所以无法粘贴图片和更多链接以更正确地解释。

英语不是我的母语。

2 个答案:

答案 0 :(得分:0)

你看过这个例子吗?: http://jsbin.com/gist/310dca83ba6970812dd0?js,output

基本上和你想做的一样。只需添加您的身体标记:

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

在您定义节点的javascript函数中,为每个实例添加样式(两个节点可能相同)

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

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

希望这有帮助。

答案 1 :(得分:0)

如果要将所有元素保留在单个实例中,可以在图形的不同部分运行不同的布局:http://js.cytoscape.org/#collection/layout