「雷达图」:设置为 axis 中 x 轴的 line 值为 true时,在画布大小改变时会有重渲染的 bug 问题
- 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. 拖拽缩放把手
重现步骤可以参考下面的图片
### 预期行为
正常渲染,边框位置正确
### 平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
### 屏幕截图或视频(可选)
_No response_
### 补充说明(可选)
_No response_
Contributor 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