antvis / antvis/G2

[v5] 如何实现 axis label 内容过长时, 换行 + 超出隐藏显示省略号 + tooltip显示完整内容

Open
#6,412 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
12.6k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

### 问题描述

[v5] 版本貌似无法实现 [v4] 的 axis 内容过长时, 换行 + 超出隐藏显示省略号 + tooltip显示完整内容;
文档提供的api, 换行 需要 补充 `labelSpacing: -5` 才能显示换行内容, 且不能与 `labelAutoEllipsis` 同时使用

### 重现链接

_No response_

### 重现步骤

_No response_

### 预期行为

![antv](https://github.com/user-attachments/assets/9aa6ce65-10fd-41c9-82ef-1dc0aade6ba4)

### 平台

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

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

_No response_

### 补充说明(可选)

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by examining the v5 axis-label APIs mentioned in the issue, especially labelSpacing and labelAutoEllipsis, and compare their behavior with v4. Reproduce the long-label case using the provided expected screenshot as reference. Done means labels can wrap, truncate with ellipses, and show the full content in a tooltip together.

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
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.