g6/packages/site/examples/net/furchtermanLayout/index.zh.md

16 lines
761 B
Markdown
Raw Normal View History

2023-02-02 10:31:36 +08:00
---
title: Fruchterman 图布局
2023-08-28 20:39:59 +08:00
order: 13
2023-02-02 10:31:36 +08:00
---
Fruchterman Reingold 布局算法在原理上而言属于力导向布局算法。其引力与斥力的定义方式与经典的 Force Diected 力导向图布局有少许不同。
## 使用指南
G6 内置的 Fruchterman 布局可在实例化 Graph 时使用该布局。除此之外,还可以如[子图布局](/zh/docs/manual/middle/layout/sub-layout)所示单独使用布局。该布局可以通过配置调整迭代次数、紧凑程度、是否按照聚类布局等。
- 代码演示 1 :基本的 Fruchterman 布局。
- 代码演示 2 Fruchterman 的聚类布局。
- 代码演示 3 Fruchterman 布局参数动态变化。
- 代码演示 4 Fruchterman 使用 web-worker 以避免阻塞页面。