力导向图布局

阅读时间约 1 分钟

力导向图布局作为较早被发明的一种实际应用布局算法,经过研究者多年改进、扩展,已发展成为一类算法的集合。该类算法的特点是模拟物理世界中的作用力,施加在节点上,并迭代计算以达到合理放置节点、美观布局的一类算法。

使用指南

F6 内置的经典力导向算法引用了 d3.js 的力导向算法。如下面代码所示,可在实例化 Graph 时使用该布局。除此之外,还可以如子图布局所示单独使用布局。

  • 代码演示 1 :基础的经典力导向布局及节点的拖拽。
  • 代码演示 2 :节点不重叠。
  • 代码演示 3 :为不同节点调整边长和力。
  • 代码演示 4 :固定被拖拽的节点。
  • 代码演示 5 :支持布局参数的动态切换。
  • 代码演示 6 :使用力导向算法实现气泡效果及交互。
  • 代码演示 7 :约束在一定范围内进行力导向布局。

基本力导向布局及节点拖拽