apache / apache/echarts

[Bug] Server rendering not correct for scatter chart with animation

Open
#20,052 0 comments 0 reactions 0 assignees View on GitHub
animation bug en SSR
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
15h 17m
Merged PRs (30d)
5

Description

### Version

5.5.0

### Link to Minimal Reproduction

https://stackblitz.com/edit/vitejs-vite-m32v14

### Steps to Reproduce

Render a scatter chart to svg

### Current Behavior

![image](https://github.com/apache/echarts/assets/40021217/82d86c6c-e501-4f72-839c-ea4e01e84e3b)

### Expected Behavior

![image](https://github.com/apache/echarts/assets/40021217/9ca761f1-e3f5-4a95-912f-685484ea893b)

### Environment

```markdown
- OS: any
- Browser: any
- Framework: any
```

### Any additional comments?

`renderToSvg` uses CSS `tranform` to display animation while scatter SVG chart also uses `transform` to translate scatter points which are overwritten by the former.

Contributor guide

Open the contributing guide

Research direction

Start with the StackBlitz minimal reproduction and trace the renderToSvg path for an animated scatter chart. Inspect how CSS transform is applied for animation alongside the scatter SVG transform used to translate points; done means the rendered SVG preserves both behaviors and matches the expected result.

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
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.