关于ER图自动布局实现方法

[world56]

import { ERLayout } from "@antv/layout/lib/layout/er/index";

ERLayout这个方法没有任何使用教程。X6官方只提供了GridLayout的使用教程。

X6 ER DEMO，全部都是手动写的position，x:260,y:130 属性

有大佬知道ER图怎么实现自动布局吗？或者ERLayout的使用方法？

附：
ERLayout源码地址：
https://github.com/antvis/layout/blob/master/src/layout/er/index.ts

[world56]

如果去掉demo 所有手写的固定位置属性 "position": {"x": 24,"y": 150} 就全部集中在一起了。

在线地址：
https://codesandbox.io/s/trusting-cohen-mwh9rn?file=/index.ts

[zmcode]

这个ERlayout内部使用了GridLayout和force布局, 你直接使用它内部源码的布局会很卡的, 它内部的force没有做静态布局的处理, 先说说你的具体想画出啥的页面

[world56]

🙏感谢回答，如果不设置 “position” 属性，整个ER图 全部会柔在一起重叠。

能让他自动布局分散开吗？

因为之前用G6都没有去主动设置元素位置（position）

[zmcode]

例子中, position其实就是这个节点的对应坐标的 x,y位置, 你去除了肯定都叠在一起了, json中的每个对象其实是每个自定义节点的对应node数据, NODE_WIDTH 就是每个组的宽度和 LINE_HEIGHT是 每行的高度, 你遍历你的数据格式的时候, 依次递增NODE_WIDTH 就可以了, 在加一点的宽度让他们排开, 这个要看你最终要显示出怎么样的效果, G6的布局方案你得改它的源码, 太复杂了, 我看了它的force, 没有用静态布局的, 如果你的节点一多, 它会不断计算位置才会得到最后计算结果的

[world56]

有ERLayout的使用教程吗？卡就先卡着吧，凑合一下😭

[world56]

手动去算position，主要涉及到回显的问题。

全部有序排列，如果其中一个Node稍微移动了一丢丢，二次在回显，是判断他继续依次排列，还是与其他Node重叠？

所以感觉能用官方的ERLayout方案最好，就初始化执行布局一次就行。卡顿一点儿也无所谓。

[zmcode]

https://codesandbox.io/s/quizzical-robinson-mso55e?file=/index.ts
大概是这样使用

[world56]

我下力不会导致卡顿，最终没有渲染数据，只是做计算

牛逼，这个可以推荐写入官方文档。

[world56]

https://codesandbox.io/s/quizzical-robinson-mso55e?file=/index.ts 大概是这样使用

私信我发个你的支付宝帐号，请你喝杯奶茶。🥤

[zmcode]

https://codesandbox.io/s/quizzical-robinson-mso55e?file=/index.ts 大概是这样使用

私信我发个你的支付宝帐号，请你喝杯奶茶。🥤

只是简单的例子而已, 还有很多复杂的配置要看那个布局文档了, 能帮到你就行,我自己也进步的

[world56]

https://codesandbox.io/s/quizzical-robinson-mso55e?file=/index.ts 大概是这样使用

私信我发个你的支付宝帐号，请你喝杯奶茶。🥤

只是简单的例子而已, 还有很多复杂的配置要看那个布局文档了, 能帮到你就行,我自己也进步的

感谢大佬🙏

[3403784285-lucky]

啊啊啊，为什么这个在线我点进去没有了了，还报错

[tangzhexu]

请问下如何禁用调ER图的手动创建连接功能

[3403784285-lucky]

现在这个布局是不是没有了