antvis / antvis/G2

「雷达图」:设置为 axis 中 x 轴的 line 值为 true时,在画布大小改变时会有重渲染的 bug 问题

Open
#6,476 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

### 问题描述

画布大小改变后,边框的渲染有问题

### 重现链接

_No response_

### 重现步骤

1. 进入该雷达图示例 https://g2.antv.antgroup.com/examples/general/radar#radar
2. 修改 37 行的配置项为如下
```js
chart.
...
.axis('x', { grid: true, line:true })
```

3. 拖拽缩放把手

重现步骤可以参考下面的图片
截屏2024-09-24 20 50 09

### 预期行为

正常渲染,边框位置正确

### 平台

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

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

_No response_

### 补充说明(可选)

_No response_

Contributor guide

Open the contributing guide

Research direction

Open the linked radar chart example and inspect the configuration around line 37, especially axis('x', { grid: true, line: true }). First reproduce the issue by dragging the resize handle. Done means the chart re-renders after resizing with the border in the correct position.

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.