Comments (11)
I've noticed the same issue with the same Chrome version. It doesn't happen immediately but occurs after leaving the tab for a few minutes and then returning to it.
from chart.js.
Not sure if this is helpful, but I noticed that the problem only appears if maintainAspectRatio is set to false in the chart options. If it is set to true, the charts stay visible. I'm using Chrome Version 124.0.6367.209 with an RTX3070.
from chart.js.
This does not seem like a chart.js bug but a chrome issue. In discord someone posted a video where you can see the same behaviour on the w3 schools website for a default canvas tutorial.
https://discord.com/channels/1109494364788502548/1109497513720938546/1241275466267099136
So this issue needs to be reported at the chrome issue tracker.
from chart.js.
Looks like it is being tracked and worked on already by Google.
https://issuetracker.google.com/issues/328755781
from chart.js.
I can confirm the issue on Chrome 124 on my end. Not reproducible on Firefox Developer Edition 125
from chart.js.
++ having the same issue
from chart.js.
Same issue
from chart.js.
Same issue. Has anyone opened an issue in Chrome?
I get this on Chrome 125 as well.
from chart.js.
Closing this issue as this is not a chart.js issue but a chrome issue and thus should be reported and resolved in chrome instead.
from chart.js.
Saw similar issue, will try the suggestion, to see if it works while chrome works a hotfix
from chart.js.
For anyone it helps, I'm currently working around this by subscribing to the visibilitychanged event and re-rendering the chart whenever the tab transitions to visible.
from chart.js.
Related Issues (20)
- Vertical Gradient to each bar are not able to set grouped Bar chart. (Sets the createLinearGradient for the whole graph, not for individual bars). HOT 2
- Tooltip content is not hoverable
- Dynamic text resize is not supported HOT 3
- Mix multiple bar and line HOT 2
- Issue with Updating Charts -> Adding or Removing Data code example HOT 4
- Set label of piechart/donut chart using parsing
- Minor ticks support chart.js
- Line chart rendering goes haywire
- How to apply gradient on the opposite side of the Line chart? HOT 1
- Proper config is not provided HOT 2
- The callback is not working as expected for x-Axis HOT 2
- Add ability to lock aspect ratio of the grid, ignoring title and labels
- How can I click outside and trigger the onClick of legend event? HOT 3
- Radial angleLines not displayed when reversed
- Adding configuration to `y` scale produces point shift in scatter type dataset
- Tooltip: customize point style (like in legend plugin)
- Help with removing padding on Y-axis when y-axis ticks are hidden with ticks {display:false} in configuration. HOT 1
- Add Candlestick chart HOT 1
- Python library HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chart.js.