antvis / antvis/G2

自定义 shape 无法使用默认的 label、toolltip 等配置

Open
#5,901 3 comments 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

### 问题描述

在[官网示例](https://g2.antv.antgroup.com/zh/examples/interesting/interesting/#25d-column)添加如下代码,发现label全部绘制在左上角了,位置不对

```ts
.label({
text: 'sales',
formatter: '.1%',
})
```

![image](https://github.com/antvis/G2/assets/31396322/ff80134a-2cbe-456f-8b50-71d8c44823d6)

### 重现链接

_No response_

### 重现步骤

_No response_

### 预期行为

_No response_

### 平台

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

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

_No response_

### 补充说明(可选)

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked 25d-column example and reproduce the issue by adding the shown .label configuration to the custom shape. Trace how custom shapes handle label positioning and compare it with the default shape behavior; done means labels render at the correct positions instead of all appearing in the upper-left corner.

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
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.