antvis/G6

Do you want to work on this issue?

You can request for a bounty in order to promote it!

combo 重叠,设置preventOverlap无效 #6074

zhou94 posted onGitHub

Describe the bug / 问题描述

comboCombined布局,在仅有几个combo的情况下就开始重叠

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

Steps to Reproduce the Bug or Issue / 重现步骤

No response

G6 Version / G6 版本

4.x

Operating System / 操作系统

macOS

Browser / 浏览器

Chrome

Additional context / 补充说明

No response


对于 combo- combined,暂时还没对空 combo 的情况进行验证。您这边具体是在什么样的场景下用到呀?

posted by yvonneyx 9 months ago

对于 combo- combined,暂时还没对空 combo 的情况进行验证。您这边具体是在什么样的场景下用到呀?

服务调用关系的展示,有几百个node节点,节点归属于combo(域),某些combo也会有父级combo

posted by zhou94 9 months ago

对于 combo- combined,暂时还没对空 combo 的情况进行验证。您这边具体是在什么样的场景下用到呀?

服务调用关系的展示,有几百个node节点,节点归属于combo(域),某些combo也会有父级combo

目前就是combo一多就会跟上面这个复现链接一样,都重叠在一起

posted by zhou94 9 months ago

尝试了一下 combo-combined 布局,如果combo中有子节点的话是不会有重叠的。https://stackblitz.com/edit/react-mv8snk-gkj31k?file=index.js 可能是你的业务场景比较复杂,我的建议是通过 outerLayout 调整参数让布局更优。如果还是无法满足可能就要自定义布局了。

另外,如果方便提供你的测试数据集的话,我们也可以协助一起看下这个问题~

posted by yvonneyx 9 months ago

尝试了一下 combo-combined 布局,如果combo中有子节点的话是不会有重叠的。https://stackblitz.com/edit/react-mv8snk-gkj31k?file=index.js 可能是你的业务场景比较复杂,我的建议是通过 outerLayout 调整参数让布局更优。如果还是无法满足可能就要自定义布局了。

另外,如果方便提供你的测试数据集的话,我们也可以协助一起看下这个问题~

你好,测试数据集已更新在上面Reproduction link中,辛苦帮忙一起看下

posted by zhou94 9 months ago

尝试了一下 combo-combined 布局,如果combo中有子节点的话是不会有重叠的。https://stackblitz.com/edit/react-mv8snk-gkj31k?file=index.js 可能是你的业务场景比较复杂,我的建议是通过 outerLayout 调整参数让布局更优。如果还是无法满足可能就要自定义布局了。 另外,如果方便提供你的测试数据集的话,我们也可以协助一起看下这个问题~

你好,测试数据集已更新在上面Reproduction link中,辛苦帮忙一起看下

打开还是之前的数据诶

posted by yvonneyx 9 months ago

尝试了一下 combo-combined 布局,如果combo中有子节点的话是不会有重叠的。https://stackblitz.com/edit/react-mv8snk-gkj31k?file=index.js 可能是你的业务场景比较复杂,我的建议是通过 outerLayout 调整参数让布局更优。如果还是无法满足可能就要自定义布局了。 另外,如果方便提供你的测试数据集的话,我们也可以协助一起看下这个问题~

你好,测试数据集已更新在上面Reproduction link中,辛苦帮忙一起看下

打开还是之前的数据诶

https://stackblitz.com/edit/react-mv8snk-ynqea8?file=index.js 抱歉 是这个

posted by zhou94 9 months ago

看上去 combo-combined 对深层 combo 嵌套的数据布局效果不理想,如果需要保持你的数据结构就需要自定义布局了。

观察测试数据集,发现 IP 地址充当了节点角色,而服务、应用及业务领域则被视作Combo元素。

我的建议是简化层级结构:可以探索将IP地址转变为节点的属性而非独立节点,同时将服务和应用升级为基本节点,业务领域则作为 Combo 来组织这些节点。通过一些降级手段让整个可视化更清晰。

posted by yvonneyx 9 months ago

看上去 combo-combined 对深层 combo 嵌套的数据布局效果不理想,如果需要保持你的数据结构就需要自定义布局了。

观察测试数据集,发现 IP 地址充当了节点角色,而服务、应用及业务领域则被视作Combo元素。

我的建议是简化层级结构:可以探索将IP地址转变为节点的属性而非独立节点,同时将服务和应用升级为基本节点,业务领域则作为 Combo 来组织这些节点。通过一些降级手段让整个可视化更清晰。

那想请教下如果把IP地址转为节点的属性的话,有没有什么好的展示方式吗

posted by zhou94 9 months ago

这个 v5 的内置节点样式: <img width="128" alt="image" src="https://github.com/user-attachments/assets/55131f05-c6de-4019-b070-0fdf60c707eb"> 用 badge、或者自定义一个多行label的节点?

posted by yvonneyx 9 months ago

想问下后续会对这个 深层 combo 嵌套 做优化吗

posted by zhou94 9 months ago

目前还没出排期

posted by yvonneyx 6 months ago

Fund this Issue

$0.00
Funded
Only logged in users can fund an issue

Pull requests