Hey! Is it possible to create a "bulls eye" graphical element using dashboard?

Dashboard
1

Essentially looking to have multiple layers of 360 gauges in a "bulls eye" format. I am building a lightning detector and want to be able to categorize strike data into rings such as 0-5 miles as the bulls eye, 5.1-10 miles as ring 1, 10.1-15 miles ring 2 etc.

Ideally what I need is to overlay multiple 360 degree gauges?

Thanks!

2

Hi @dwayne,
Do you have a screenshot as an example? My tiny brain has not enough capabilities to imagine what you want to achieve :slight_smile:
Bart

3

Here you go...

Screen Shot 2021-10-28 at 10.36.56 AM
Screen Shot 2021-10-28 at 10.36.56 AM1336Ă—884 71.7 KB

1 Like
4

There are most probably multiple ways to achieve this, for example using with CSS. But personally I would go for an SVG drawing, containing a bunch of circles on top of each other. And control it using the node-red-contrib-ui-svg node...

5

Sweet! Thanks!!

1 Like
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.