antvis/G6

关于设置Combo的相对位置 #4442

homo-du posted onGitHub

问题描述

希望实现基于Combo的“书架式”布局,即所有Combo宽度一致(比如都是画布宽度的100%),垂直对齐且互不重叠。

问题: 设置了所有Combo的宽度一致之后,应该是由于节点的布局,导致Combo之间也不能对齐。且设置Combo的x=0也不生效

重现链接

https://stackblitz.com/edit/react-qr3gj9?file=index.js

重现步骤

  1. 在官方“带有 Combo 的流程图”修改各节点所属combo,并使节点8、11不属于任何combo

  2. 渲染后如下尝试修改位置

    graph.getCombos().forEach((combo) => {
     // 获取 Combo 中包含的节点和边的范围
     const bbox = combo.getBBox();
    
     // 计算 Combo 的高度
     const h = bbox.maxY - bbox.minY;
    
     // 设置 Combo 的大小
     combo.update({
       size: [600, h],
       x: 0,
     });
    });

预期行为

  • 预期 image 三个Combo完全对齐,最好是combo之间没有缝隙完全贴合。而节点8、11则在任意合理位置

  • 实际 image

平台

  • 操作系统: Windows10
  • 网页浏览器: Google Chrome
  • G6 版本:4.8.7

屏幕截图或视频(可选)

No response

补充说明(可选)

尝试过ComboCombined布局,但是由于有不属于任何combo节点,不能实现我的需求。


问下新版本v5咋设置呢 @Yanyan-Wang

posted by brian95827 about 1 month ago

Fund this Issue

$0.00
Funded

Pull requests