multiple graphs in one instance

Question

1.2k views Asked by How to change username At 25 June 2015 at 11:47

I'm making view of my switch with cytoscape. Switch has about 40 ports, each port fits nice to the breadthfirst layout.

But I need around 40 about same graphs in one page

When I'm using breadthfirst with multiple roots I'm getting mess like this

So, can I deal with this somehow?

Sorry, dont have 10 rep yet, so cant paste images and more links to explain more correctly.

Also english not my native language.

There are 2 answers

DanielBoloc On 26 June 2015 at 13:31

It is basically the same that you want to do. Just add in your body tag:

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

And in your javascript function where you define the nodes, add for each instance the style (it could be the same for both nodes)

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

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

Hope this helps.

**maxkfranz** · Accepted Answer · 2015-07-06 16:01:06

You can run different layouts on different parts of the graph, if you want to keep all elements in a single instance: http://js.cytoscape.org/#collection/layout