chartjs / chartjs/Chart.js

Chart fade in from top left

Open
#11,550 9 comments 8 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

When I initialize my page and then switch the site focus to another chart, the chart should fade in from the bottom.

### Current behavior

Anyways when I change the site focus the chart is fading in from the top left. I also found this problem in your documentations [here](https://www.chartjs.org/docs/4.4.0/configuration/animations.html).

### Reproducible sample

https://www.chartjs.org/docs/4.4.0/configuration/animations.html

### Optional extra steps/info to reproduce

When you first open the site and then click on the **Hide and show [mode]** button to change the chart it fades in from the top left and not as expected from the bottom.

### Possible solution

_No response_

### Context

I am trying to accomplish the _normal_ fade in from the bottom when changing the site focus like in your documentation linked above but somehow it just does not work when first initializing it.

### chart.js version

v4.4.0

### Browser name and version

Microsoft Edge for Business Version 118.0.2088.61 (Official build) (64-bit)

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.