【前端学习】AntV G6-03 布局机制、配置布局、使用插件

课程链接：AntV G6 系列课程第 4 集：布局机制、配置布局、使用插件_哔哩哔哩_bilibili

课程大纲

布局算法

导览及使用 | G6 (antgroup.com)

布局切换  00:20

​​​​​​布局机制 | G6 (antgroup.com)布局切换

数据动态切换  00:59

布局机制 | G6 (antgroup.com)数据动态切换

流水线布局  01:19

布局机制 | G6 (antgroup.com)流水线布局

布局时机监听  02:07

布局机制 | G6 (antgroup.com)布局时机监听

独立使用/子图布局  02:42

布局机制 | G6 (antgroup.com)子图布局

force layout是一个异步的布局，它在每一个迭代之后都需要重新渲染图，因此在这个tick函数里面，在每个迭代结束的时候，调用了 graph.refreshPositions 来进行更新

如果配置circular，要配合 graph.refreshPosition() 更新视图

自定义布局  04:06

G6.registerLayout() 这部分有点难

布局机制 | G6 (antgroup.com)自定义二分布局

布局类型与配置布局

Graph  05:10

导览及使用 | G6 (antgroup.com)

TreeGraph  06:48

CompactBox 紧凑树 | G6 (antgroup.com)

插件使用 07:10

插件 Plugins | G6 (antgroup.com)

鱼眼放大镜 | G6 (antgroup.com)

边过滤镜 | G6 (antgroup.com)

时间轴 | G6 (antgroup.com)