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

[Bug]: When the orthogonal router orth configuration is used for discounted polyline, the edge display is not normal, and there will be problems such as occlusion #6696

Closed
2 of 10 tasks
ChenKun1997 opened this issue Jan 6, 2025 · 6 comments
Labels
status: waiting for author Issue with insufficient information

Comments

@ChenKun1997
Copy link
Contributor

Describe the bug / 问题描述

节点是从上到下的关系时,边的末端展示有问题
image

同一行时,边被节点遮住了
image

只有下面这种边从左侧或者右侧出来,目标在左下角或右下角才展示正常()
image

Reproduction link / 复现链接

https://stackblitz.com/edit/vitejs-vite-udav7vv7?file=src%2FApp.jsx

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

No response

G6 Version / G6 版本

🆕 5.x

OS / 操作系统

  • macOS
  • Windows
  • Linux
  • Others / 其他

Browser / 浏览器

  • Chrome
  • Edge
  • Firefox
  • Safari (Limited support / 有限支持)
  • IE (Nonsupport / 不支持)
  • Others / 其他
@ChenKun1997 ChenKun1997 added the status: waiting for maintainer These issues have not yet been reviewed by a maintainer label Jan 6, 2025
Copy link

感谢您提供详细的描述和复现链接。根据您描述的问题,似乎是在使用正交路由(orth)配置时,折线(polyline)边的展示出现了不正常的情况,尤其是在节点从上到下排列时,边的末端展示有问题,或者在同一行时边被节点遮住。

为了更好地帮助您解决这个问题,我建议您检查以下几点:

  1. 边的层级(z-index):确保边的层级高于节点,以避免被节点遮挡。
  2. 路由配置:检查正交路由的配置,确保配置正确且适合您的布局需求。
  3. 边的样式:尝试调整边的样式,例如宽度、颜色等,看看是否能改善展示效果。

如果这些建议没有解决您的问题,您可以尝试在复现链接中提供更多的代码细节,以便更深入地分析问题。

如果您需要进一步的帮助,请随时告诉我!

🪧 Tips For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

@github-actions github-actions bot changed the title [Bug]: 折现polyline使用正交路由orth配置时,边展示不正常,会出现遮挡等问题 [Bug]: When the orthogonal router orth configuration is used for discounted polyline, the edge display is not normal, and there will be problems such as occlusion Jan 6, 2025
@yvonneyx
Copy link
Contributor

yvonneyx commented Jan 7, 2025

orth 正交路由和指定连接桩两个特性还没有很好的适配,目前可以用 shortest-path 路由算法来实现。

image

效果如下:

image

支持的配置项参考:https://github.com/antvis/G6/blob/v5/packages/g6/src/types/router.ts#L42

@yvonneyx yvonneyx added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues have not yet been reviewed by a maintainer labels Jan 7, 2025
@ChenKun1997
Copy link
Contributor Author

@yvonneyx 为啥这个shortest-path算法也没有实现避障呢,很多线条都穿过了节点

@github-actions github-actions bot added status: waiting for maintainer These issues have not yet been reviewed by a maintainer and removed status: waiting for author Issue with insufficient information labels Jan 7, 2025
@yvonneyx
Copy link
Contributor

yvonneyx commented Jan 7, 2025

@yvonneyx 为啥这个shortest-path算法也没有实现避障呢,很多线条都穿过了节点

默认没开启避障,需要配置一下 enableObstacleAvoidance

@yvonneyx yvonneyx added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues have not yet been reviewed by a maintainer labels Jan 7, 2025
Copy link

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information. | 由于该 issue 缺少关键信息且已闲置 7 天,现已自动关闭。如需重新打开此问题,请提供所缺失的信息。。

@beautifulskymoon
Copy link

@yvonneyx 为啥这个shortest-path算法也没有实现避障呢,很多线条都穿过了节点

默认没开启避障,需要配置一下 enableObstacleAvoidance

如果我想形成其他方向的路径,比如平行四边形,怎么设置

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

3 participants