apache / apache/echarts

[Bug] Stacked Bar Animation has gaps between series

Open
#19,095 2 comments 2 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.4.2

### Link to Minimal Reproduction

See example in docs page: https://apache.github.io/echarts-handbook/en/how-to/chart-types/bar/stacked-bar/#

### Steps to Reproduce

1. View the stacked bar in the docs
2. Reload the page so the transition animates

### Current Behavior

1. There are gaps between the series as they animate in, each of the bar series "fills" up independently, meaning the transition looks odd

![CleanShot 2023-09-07 at 21 40 57](https://github.com/apache/echarts/assets/58074498/f8484c5e-3270-4eb3-b336-deb42c36743e)

### Expected Behavior

1. There are no gaps between the series as they animate in.

This could either be:

Option A. each series starts from zero thickness, at the x axis, and expands to its full extent, with the series also "moving up" as they go
Option B. the bar animates as a single unit, and the series are revealed as the animation progresses

I have tried to illustrate this below. Time is progressing left to right.

CleanShot 2023-09-07 at 22 02 09@2x

### Environment

```markdown
All, as far as I am aware!
```

### Any additional comments?

It's possible this is "expected behaviour" and therefore a feature request not a bug. But it does look very strange.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.