X6 icon indicating copy to clipboard operation
X6 copied to clipboard

做完了分组嵌套之后用布局,会导致嵌套关系丢失

Open qoioiw opened this issue 4 months ago • 2 comments

问题描述

大佬,能不能出一个 做好分组之后,自动布局

需求:做好分组之后,自动布局

重现链接

暂无

重现步骤

现在的情况 我们的创建出的 Node1 和 Node2 做了一个嵌套关系,然后使用布局

因为我们塞入布局的是一个扁平化 Node 数组,没有嵌套关系,所以布局也是一个扁平化的布局

预期行为

做好分组之后,自动布局,分组也可以正常

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox ...]
  • X6 版本: [2.11.1 ...]

屏幕截图或视频(可选)

或许我们可以参考 G6 文档中 用 combo 作为一个分组,让我们的布局可以识别到嵌套关系,然后做一个分组后的自动布局的效果

Image

补充说明(可选)

No response

qoioiw avatar Aug 28 '25 01:08 qoioiw

顺便问一下,大佬们开发中, 遇到的一个问题

我看到我们对于 antv/x6 和 antv/G6 的定义是 一个是专注于图编辑引擎,一个是专注于可视化的引擎

但是比如一个的画布,既需要一个编辑功能,有需要的一定的可视化布局功能(比如:g6 的一个 带有 combo 的一个分组布局)

这种其实的就是两个功能,一种是用户拖拽保存,我们x6是可以很好实现的,另一种是系统分组后自动布局生成的一个的功能

所以想询问一下大佬们,这种技术选项是 antv/x6 和 antv/G6 哪种比较好,还是说有更好的库去实现我们频繁编辑和一定可视化的一个能力

qoioiw avatar Aug 28 '25 01:08 qoioiw

combo 本质上来说是二次布局,children 不要参与外层的 layout,children 二次 layout 设置 x、y 即可,上层控制即可。

lxfu1 avatar Sep 25 '25 08:09 lxfu1