g6/packages/site/examples/net/furchtermanLayout/index.zh.md
2023-02-02 10:31:36 +08:00

16 lines
760 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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