mirror of
https://gitee.com/antv/g6.git
synced 2024-12-15 10:01:09 +08:00
32 lines
980 B
Markdown
32 lines
980 B
Markdown
|
---
|
||
|
|
title: Sub-graph Layout
|
||
|
|
order: 3
|
||
|
|
---
|
||
|
|
|
||
|
|
## Subgraph Layout
|
||
|
|
|
||
|
|
At present, the subgraph layout mechanism is independent to the graph layout. You can instantiate the layout method and load the data of subgraph onto the layout instance. This mechanism allows users to utilize G6's layout algorithms to calculate the node positions, and render the graph with another rendering engine.
|
||
|
|
|
||
|
|
**v4.3.0 newly support subgraph layout pipeline**, which allows several subgraph layouts executed in pipeline configured on Graph.layout. Refer to[Subgraph Layout Piepeline](/en/docs/manual/middle/layout/sub-layout-pipe).
|
||
|
|
|
||
|
|
### Usage
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
// Instantiate the Layout
|
||
|
|
const subgraphLayout = new G6.Layout['force']({
|
||
|
|
center: [500, 450],
|
||
|
|
});
|
||
|
|
|
||
|
|
// Initialize the layout with sugbraph data
|
||
|
|
subgraphLayout.init({
|
||
|
|
nodes: subGraphNodes,
|
||
|
|
edges: subGraphEdges,
|
||
|
|
});
|
||
|
|
|
||
|
|
// Execute the layout
|
||
|
|
subgraphLayout.execute();
|
||
|
|
|
||
|
|
// Update the node positions after subgraph layout
|
||
|
|
graph.positionsAnimate();
|
||
|
|
```
|