How can I use this gauge.js library in Node-Red. thaks to steve-ml I learned to know how to integrate a Gauge.js. Unfortunately that is not the one I actually used in a former project. The one I want to integrate in Node-Red is this one: You can find it on Github: https://github.com/Mikhus/canva…

It is there when I need to focus on it, but otherwise it blends away :stuck_out_tongue:

I like the look of that so to try and reproduce it (on a Raspberry Pi), I edited settings.js to give httpStatic: '/home/pi/.node-red/node-red-static/', mkdir ~/.node-red/node-red-static mkdir ~/.node-red/node-red-static/Canvas-Gauges curl https://canvas-gauges.com/download/latest/all/gauge.min.j…

This is realy great! It is the best gauge.js I know off. If you install the library like above, there is the disadvantage that you can't move it as a flow from one Node-red installation to another without installing the library on the new Node-Red. steve-ml, with another gauge.js, showed how to…

works perfectly copying the library in static folder! Many thanks for your support!

[image] juntiedt: This would allow to easily share flows from one node-red installation to another one. Do you think this would work with that library as well? Since one needs node-red installed somewhere stable, I see no benefit to making any libraries it uses "portable". Once done always …

[image] jbudd: Any ideas what could be going wrong? Being it is all HTML(5)? based, I think it is just a case of the browser managing the (heavy?) data flow. I have seen strange orderings at times myself on Chrome (PC), usually right after a deploy. A browser refresh usually clears it up if…

The two screenshots were both of the page displayed by Firefox on my PC. The first attempt was with Node-Red on a Pi Zero, the second a Pi 4B. But whatever the problem is, the gauges work in MS Edge. The flickery needle effect is better in Edge too. Must be something to do with Firefox, or my FF …

[image] jbudd: Must be something to do with Firefox I found that you are not the only one with the FF issue... gauge change position in Firefox · Issue #232 · Mikhus/canvas-gauges · GitHub

<div style="margin:auto"</div> <script src="/Canvas-Gauges/gauge.min.js"></script> centers a gauge in a template group

I could never get that to work (with that particular library)... but I found I can get close or spot on with the dashboard layout editor (and/or tweaking the gauge size)

Node-RED

Node-RED Forum

Another gauge.js library

Dashboard

Gunner 12 August 2021 17:27 17

That is a good idea!

Buienradar - windrichting

Trying to make winddirection compass gauge with ui_control

Topic		Replies	Views
Gauge.js library & Node-Red Dashboard	16	2708	16 August 2021
First september give-away (let's create one gauge) Dashboard node-red-dashboard	142	19494	9 August 2023
Gauge Node Color fixing Dashboard	15	2747	16 August 2021
[Announce] node-red-contrib-ui-artless-gauge [features] Share Your Nodes	38	3639	27 April 2020
Linear gauge as another gauge option Feature Requests	26	4917	22 March 2019

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Another gauge.js library

Related topics