antvis / antvis/G6

动画节点,在hightlight 时设置透明度显示异常

Open
#5,830 1 comment 0 reactions 0 assignees View on GitHub
animation v4
Dominant language
TypeScript
Stars
12.3k
Forks
1.6k
PR merge metrics
No merged PRs in 30d

Description

### 问题描述

![image](https://github.com/antvis/G6/assets/17171011/ddc6e9f4-7126-417d-b6fc-206b54afe916)
上述是显示透明度异常情况
下图是为使用透明度情况
![image](https://github.com/antvis/G6/assets/17171011/6b93c577-5379-4570-9f9b-283d92dc6e33)

### 重现链接

https://codesandbox.io/p/sandbox/quizzical-allen-lq9fmy?file=%2Findex.js%3A68%2C23

### 重现步骤

同上

### 预期行为

希望设置透明度的动画能正常透明度展示

### 平台

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

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

_No response_

### 补充说明(可选)

_No response_

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked CodeSandbox and inspect index.js around line 68, where the highlight behavior is configured. Compare the opacity animation with the non-animated opacity example and determine why the displayed transparency differs. Done when highlighting renders the configured opacity correctly; verify the result in the reproduction sandbox.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.