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