chartjs / chartjs/Chart.js

Visual artifacts for line & radar charts on Firefox for Android

Open
#12,045 0 comments 2 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

Charts are rendered properly, without any visual artifacts

### Current behavior

Charts are rendered with flickering lines and areas

To me it seems this is most (or only) noticeable when:
- line / radar charts are used
- a background color is set for the datasets
- smooth lines increase the likelihood
- the chart (or its data) is updated in some way
- the chart contains a lot of data

Screenshot:
radar chart rendering issue screenshot

Video:
https://github.com/user-attachments/assets/cd7d21dd-f7b9-4a6e-8438-46d1707f04a8

### Reproducible sample

https://www.chartjs.org/docs/latest/samples/other-charts/radar.html

### Optional extra steps/info to reproduce

On Firefox for Android; other browsers and devices don't seem to be affected (?)

1. Open https://www.chartjs.org/docs/latest/samples/other-charts/radar.html
2. Tap "Add Dataset" and "Add Data" a lot of times
3. Tap "Randomize" multiple times

### Possible solution

_No response_

### Context

This issue was originally noticed in https://github.com/rust-lang/crates.io/issues/9656 (see comments there for other users confirming it)

Interestingly though, the charts on crates.io seem to be affected slightly differently by this bug:
- the bug occurs when swiping over the chart to move the tooltip; for the chartjs.org sample I am seeing this as well but less common and not as extreme
- the rendering glitch seems to be persistent (?), for example the chart of https://crates.io/crates/struson at the bottom already shows these issues without any interaction (might not be reproducible when the data changes in the future)\
crates.io chart issue screenshot

Not sure if there is an additional issue with how crates.io is integrating the charts.

### chart.js version

v4.4.8

### Browser name and version

Firefox 136.0; Android 13

### 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.