antvis / antvis/G6

使用groupByTypes和自定义节点/combo后层级混乱

Open
#5,664 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
12.3k
Forks
1.6k
PR merge metrics
No merged PRs in 30d

Description

### 问题描述

![image](https://github.com/antvis/G6/assets/33613409/7ba2b83a-f65f-43ae-8d92-d9d7f69773ae)
连接线与节点、combo完全混乱,我只想要连接线始终居于最底层,我在issue看了很多方法,都试了,不得行,怪得很

### 重现链接

https://github.com/Shen120/bugs-g6.git

### 重现步骤

拉代码,然后run

### 预期行为

连接线始终居于最底层

### 平台

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

### 屏幕截图或视频(可选)

![chrome-capture-2024-4-19](https://github.com/antvis/G6/assets/33613409/ace810cc-f6f7-40ea-808e-39df7ef3f147)

### 补充说明(可选)
```这个例子也会出现层级混乱```
![image](https://github.com/antvis/G6/assets/33613409/835321bd-98f2-4175-ad4d-558852e6d5d2)

[_例子 ](https://codesandbox.io/p/devbox/g6-additem-9svhy9?file=%2Fsrc%2FApp.tsx%3A19%2C19&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clv4ocsa40007356mdt9ld0ks%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clv4ocsa30002356m3oycaugx%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clv4ocsa30004356mj4qtgqag%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clv4ocsa40006356ml12m55z4%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clv4ocsa30002356m3oycaugx%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clv4ocsa30001356m1ea5www2%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clv5znc7a0002356mnz4l7b9z%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A19%252C%2522startColumn%2522%253A19%252C%2522endLineNumber%2522%253A19%252C%2522endColumn%2522%253A19%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clv4ocsa30002356m3oycaugx%2522%252C%2522activeTabId%2522%253A%2522clv5znc7a0002356mnz4l7b9z%2522%257D%252C%2522clv4ocsa40006356ml12m55z4%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clv4ocsa40005356mappr1vl5%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clv4ocsa40006356ml12m55z4%2522%252C%2522activeTabId%2522%253A%2522clv4ocsa40005356mappr1vl5%2522%257D%252C%2522clv4ocsa30004356mj4qtgqag%2522%253A%257B%2522id%2522%253A%2522clv4ocsa30004356mj4qtgqag%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clv4ocsa30003356mvckb5r0o%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clv4ocsa30003356mvckb5r0o%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)

Contributor guide

No contributing guide indexed for this repository

Research direction

Clone and run the linked reproduction repository, then inspect the example entry point at src/App.tsx around line 19, focusing on the groupByTypes, custom node, and combo setup. Reproduce the layering problem and verify that connection lines remain below nodes and combos in the rendered graph.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.