mirror of
https://gitee.com/antv/g6.git
synced 2024-12-15 18:11:08 +08:00
19 lines
1.0 KiB
Markdown
19 lines
1.0 KiB
Markdown
|
---
|
||
|
|
title: 力导向图布局
|
||
|
|
order: 0
|
||
|
|
---
|
||
|
|
|
||
|
|
力导向图布局作为较早被发明的一种实际应用布局算法，经过研究者多年改进、扩展，已发展成为一类算法的集合。该类算法的特点是模拟物理世界中的作用力，施加在节点上，并迭代计算以达到合理放置节点、美观布局的一类算法。
|
||
|
|
|
||
|
|
## 使用指南
|
||
|
|
|
||
|
|
G6 内置的经典力导向算法引用了 d3.js 的力导向算法。如下面代码所示，可在实例化 Graph 时使用该布局。除此之外，还可以如[子图布局](/zh/docs/manual/middle/layout/sub-layout)所示单独使用布局。
|
||
|
|
|
||
|
|
- 代码演示 1 ：基础的经典力导向布局及节点的拖拽。
|
||
|
|
- 代码演示 2 ：节点不重叠。
|
||
|
|
- 代码演示 3 ：为不同节点调整边长和力。
|
||
|
|
- 代码演示 4 ：固定被拖拽的节点。
|
||
|
|
- 代码演示 5 ：支持布局参数的动态切换。
|
||
|
|
- 代码演示 6 ：使用力导向算法实现气泡效果及交互。
|
||
|
|
- 代码演示 7 ：约束在一定范围内进行力导向布局。
|