antvis / antvis/G6

[Bug]: 在自定义React组件示例中添加Snapline内置插件,对齐线优先级不是最高的,如何处理?

Open
#7,553 2 comments 0 reactions 0 assignees View on GitHub
bug 🐛 question 💬
Dominant language
TypeScript
Stars
12.3k
Forks
1.6k
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug / 问题描述

https://g6.antv.antgroup.com/examples/element/custom-node/#react-node

用的这个官方示例,配置代码如下
```js
plugins: [{
type: 'snapline',
key: 'snapline',
verticalLineStyle: { stroke: '#F08F56', lineWidth: 2, zIndex: 9999 },
horizontalLineStyle: { stroke: '#17C76F', lineWidth: 2, zIndex: 9999 },
offset: 40,
autoSnap: true,
tolerance: 8,
}]
```

### Reproduction link / 复现链接

https://g6.antv.antgroup.com/examples/element/custom-node/#react-node

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

用官方的示例即可

Image

### Version / 版本

🆕 5.x

### OS / 操作系统

- [x] macOS
- [ ] Windows
- [ ] Linux
- [ ] Others / 其他

### Browser / 浏览器

- [x] Chrome
- [ ] Edge
- [ ] Firefox
- [ ] Safari (Limited support / 有限支持)
- [ ] IE (Nonsupport / 不支持)
- [ ] Others / 其他

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the React custom-node example at the linked G6 documentation URL and reproduce the configured snapline plugin behavior in Chrome. Trace how the snapline plugin's vertical and horizontal lines are rendered and ordered relative to the custom node; done means the alignment lines consistently appear above the other example elements.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.