Now, sometimes the displayed data will just be wrong. One or more panels will have the data clearly from another panel (notice change in top-left panel).
It might completely change on reload (grafana’s reload or the browsers). If you reload enough times, everything will be display as expected.
When the wrong data is displayed and you mouse over the panel the popup showing the values at the mouse pointer will show the correct/expected data that doesn’t correspond to the displayed graph.
I have seen the same thing happen when viewing an individual panel.
Resizing the browser window horizontally be even 1 pixel fixes the problem (for a while). Resizing vertically has no such affect.
Problem only shows up when using firefox (v129.0), but not chrome (v127.0.6533.72). All on Ubuntu 24.04.
Grafana is running in docker (grafana/grafana:latest). Not sure when this first started happening, but probably 1-2 months ago.
I have the same problem with more recent versions of Firefox. It seems to be something to do with changes to webrender in firefox and grafana is affected the most by it out of everything I use.
You might be able to work around the problem by setting gfx.webrender.software to true in the firefox about:config settings to check if it’s a problem with firefox and your GL drivers.
I get this problem after a grafana tab has been open in the background for a while and I switch back to it.
I didn’t test forcing software webrender recently, I just got used to closing and restarting firefox every time it went wrong.
I also tested software webrender again over the last week and grafana was fine with it. I also get problems with maps sites and other graphs when using the nvidia accelerated rendering with Firefox.
A related Firefox issue is at 1743051 - MOZ_X11_EGL/Nvidia: Partly broken partial present after suspend&resume . Grafana and maps used to only be broken after resume for me but in the last few months Firefox has got worse with nvidia cards and just having a tab in the background causes render issues.