I’m trying to update an old EmonCMS installation to 11.6.10 using the alexjunk/emoncms docker image. All is working fine, I could import olr input, feeds, data, etc. However, the graphs of MySolar and MyElectric2 are blurry. It’s like I’d need glasses to look at them, it’s very inconvenient. The old version (9.8.3) is perfectly crisp. As are the rest of the visual tools - the Visualization or the Graphs tools don’t exhibit this problem (among others), they’re as fine as in the old version.
After some digging, I noticed that in the HTML source the FlotChart canvas has 2 different sizes. One in the CSS and one in the surrounding element. The CSS one is 0.6px larger. This discrepancy seems to cause the blurriness. I’ve read on the net that in JQuery 3 the precision of certain functions changed to return fractions as well. This caused the issue in Flot which has been fixed. I see that JQ and its modules are very old, from 2017. I think it needs an update or at least a small fix for the old version.
I’m attaching 2 images, one where the +0.6px extra size exists, and one where it doesn’t (I hand-edited the HTML for the second image in the browser console). Even at this small size, the difference is quite apparent. I’m using latest Firefox.
