Notifications
Clear all
Topic starter
2025-01-31 2:11 pm
Hi all... I'd like to see a simple gauge example for the ESP devices on a web screen.
I have been using canvas-gauges but as I descovered they change their position way off in the card after a brief period
Tried google gauges but although easy to setup they need to be connected to the internet which means you can't use them offline, unlike canvas-gauges where you can download the main js.
Currently playing with SVG gauges but having trouble with the jscript transfering the ESP variable into the gauge variable
an example of a working google gauge
example of a yet to be tamed SVG gauge
a tutorial using the SVG gauge to take ESP readings and insert those into the SVG would be super
I can supply a sample of the ESP32 code which I traced into the webpage js using console, it just doesnt get into the gauge
thanks, Bob
2025-01-31 9:37 pm
Is this the sort of thing you are writing about?
https://randomnerdtutorials.com/esp32-web-server-gauges/
Ron reacted
2025-01-31 11:45 pm
The one who has the most fun, wins!
2025-02-01 12:47 am
@robotbuilder Perfect, exactly what he was looking for.
First computer 1959. Retired from my own computer company 2004.
Hardware - Expert in 1401, 360, fairly knowledge in PC plus numerous MPU's & MCU's
Major Languages - Machine language, 360 Macro Assembler, Intel Assembler, PL/I and PL1, Pascal, Basic, C plus numerous job control and scripting languages.
My personal scorecard is now 1 PC hardware fix (circa 1982), 1 open source fix (at age 82), and 2 zero day bugs in a major OS.
Topic starter
2025-02-01 12:30 pm
@robotbuilder hi, I have been using their gauges for some time now - amazing site and info
The problem is that the canvas-gauge after calling up the esp32 webpage, the gauge will move about 1/2 way up and 1/2 way to the left. which positions it 1/2 off the card
I looked on the site for the the jscript:
http://cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.7/all/gauge.min.js and there are reports of this happening to others plus requests to Mikhus to look into it.
here is what the screen looks like when accessed:
and here is what it ends up as after a short time:
I have downloaded the Mikhus jscript and its part of the spiff files since I need this to work offline
I managed to get google gauges to work and they dont do this shifting, Problem is that google wont let you download their gauge script. We lost our internet last week this gauge disappeared and all that was left was the red square and the info under it.
currently I'm trying to get the SVG gauge to work but for the life of me can't get the variable from the ESP32 into the gauge value. Using console log, I can verify that data from the esp32 is received in the jscript but doesnt get into the gauge value.
Its likely I dont know the correct code method to do this. It doesnt work the same as with canvas-gauges or google gauge.
I can zip up the files and attach them if needed