antvis / antvis/G6

[Bug]: CubicVertical edge中label位置相反

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

Description

### Describe the bug / 问题描述

edge配置如下:

```
edge: {
type: "cubic-vertical",
style: {
endArrow: true,
labelText: (e) => (e.data?.value || "") as string,
labelFontSize: 12,
labelAutoRotate: true,
labelPlacement: "end",
labelTextAlign: "start",
labelMaxWidth: "100%",
labelMaxLines: 2,
labelTextOverflow: "ellipsis",
labelFontWeight: 700,
},
}
```

### Reproduction link / 复现链接

_No response_

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

_No response_

### 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 by reproducing the issue with the provided G6 edge configuration for the `cubic-vertical` type, focusing on `labelPlacement: "end"`, `labelTextAlign: "start"`, and `labelAutoRotate: true`. Compare the label position with the expected edge direction; done means the label is no longer reversed and the behavior is verified on G6 5.x in Chrome on macOS.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.