chartjs / chartjs/Chart.js

It seems that animated charts shrink on Chrome on mobile devices since V4

Open
#11,147 6 comments 0 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

The animation should work as on desktop and IOS devices.

### Current behavior

On mobile all sample charts with an animation included shrink to a bare minimum over time.
e.g. https://www.chartjs.org/docs/latest/samples/animations/delay.html

### Reproducible sample

https://www.chartjs.org/docs/latest/samples/animations/delay.html

### Optional extra steps/info to reproduce

_No response_

### Possible solution

Seems to work in the last v3 scripts.

### Context

_No response_

### chart.js version

v4.2.1

### Browser name and version

Chrome 110.0.5481.64

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the reproducible animations/delay.html sample in Chart.js v4.2.1 and reproduce the shrinking animated chart on Chrome 110 mobile. Compare its behavior with the last v3 scripts, then trace the animation path used by the sample. Done means animated charts no longer shrink on Chrome mobile while preserving the expected desktop and iOS behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.