I am trying to make a windirection compass with standard ui_gauge and manipulate with ui_control. I ran into a few issues/questions here. I noticed that the compass needle is not always following correctly. Any reason why? I don't need to see the value of the angle of the wind, but I do want …

Try this [node-id="a1823158fae5bf4a"] svg text tspan { font-size: 2.0em; font-weight: bold; } What's the difference? I removed the dots in svg.text.tspan ."text" and "tspan" are tags not classes.

See this link... [image] Simple compass to display wind direction Dashboard I was in the fast need to display a wind direction compass in the dashboard, with standard nodes. The easiest way was to use the "compass" mode of a gauge node. I have also added @ghayne node to c…

@dynamicdave , thanks for the suggestion of bartbutenaers, but I would like to stay in same style as other gauges and I think I am almost there. The first link doesn't seem give me any answers to my questions.

In order to make the text label larger and to change the colors, you need to use CSS styles.

This ui-template should make your pointer yellow (I think it actually overrides your "circlecolor"). [ { "id": "acb7fec2841e3f3c", "type": "ui_template", "z": "edbbfd88fa0e0826", "group": "71919791.fa0748", "name": "", "order": 2, "width":…

@jbudd . First, I am sorry to react to your answer so late. I had unforseen circumstances so that I could not work on my project. I have looked at your solution, but I am poorly equiped with knowledge about the details of this solution. That's why I have following questions, About ui_template, …

[image] henkkas: I have looked at your solution, but I am poorly equiped with knowledge about the details of this solution. That's why I have following questions, About ui_template, how do I get the id of the template? Do I have to change the "type", "z" and "group" here also? How do I get "i…

@jbudd . Ok, I copied the code into a template node, I included this with <style> and </style> , but nothing happens.

Import [Untitled 1] [Untitled 2] Check tab is correct [Untitled 3] Deploy [Untitled 4]

@jbudd . Ok, understand now.Sorry. It works ok, but I have more nodes in this group, so they all change. [afbeelding]

@jbudd . I think I am getting there by changing the properties of only this one ui_node. I will tell you later when I have more or less succeeded.......

Node-RED

Node-RED Forum

Trying to make winddirection compass gauge with ui_control

Dashboard

dynamicdave 6 April 2022 14:26 2

See this link...

Also there is this node that may be useful to you.

Topic		Replies	Views
Gauge node in compass mode - different values for pointer and displayed digits Dashboard	18	504	27 May 2024
Buienradar - windrichting Dashboard	23	2154	25 August 2021
Gauge with pointer centred General	8	404	14 August 2022
Convert Wind direction in degrees to Cardinal points Share Your Projects	49	5908	4 June 2020
Add compass mode to DB2 gauge widget Dashboard dashboard-2	10	717	26 February 2024

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.

Trying to make winddirection compass gauge with ui_control

Related topics