Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

combo 重叠,设置preventOverlap无效 #6074

Open
zhou94 opened this issue Jul 22, 2024 · 11 comments
Open

combo 重叠,设置preventOverlap无效 #6074

zhou94 opened this issue Jul 22, 2024 · 11 comments

Comments

@zhou94
Copy link

zhou94 commented Jul 22, 2024

Describe the bug / 问题描述

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

Reproduction link / 重现链接

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

@yvonneyx
Copy link
Contributor

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

@zhou94
Copy link
Author

zhou94 commented Jul 23, 2024

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

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

@zhou94
Copy link
Author

zhou94 commented Jul 23, 2024

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

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

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

@yvonneyx
Copy link
Contributor

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

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

@zhou94
Copy link
Author

zhou94 commented Jul 24, 2024

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

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

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

@yvonneyx
Copy link
Contributor

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

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

打开还是之前的数据诶

@zhou94
Copy link
Author

zhou94 commented Jul 24, 2024

尝试了一下 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 抱歉 是这个

@yvonneyx
Copy link
Contributor

yvonneyx commented Jul 25, 2024

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

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

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

@zhou94
Copy link
Author

zhou94 commented Jul 25, 2024

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

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

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

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

@yvonneyx
Copy link
Contributor

这个 v5 的内置节点样式:
image
用 badge、或者自定义一个多行label的节点?

@zhou94
Copy link
Author

zhou94 commented Aug 6, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants