search

naikus / svg-gauge

Minimalistic, animated SVG gauge. Zero dependencies
MIT License
319 stars 74 forks source link

Multiple values #21

Closed MartinMuzatko closed 5 years ago

MartinMuzatko commented 6 years ago

Hey there.

I realize that there are no needles to display multiple values, but what would be the best way to indicate something like an average value as an indicator?

Thanks in advance!

naikus commented 6 years ago

Hi @MartinMuzatko Can you point me to an example? Thanks

MartinMuzatko commented 6 years ago

Hi there.

This is a primitive example, since - as I said - there are no needls in this svg-gauge.

image

What I want to achieve, is to indicate within that range (0-100) what the usual lower and upper bounds are. Or for example - an average value.

I'm building a dashboard for visualizing IoT Devices/Sensors etc. If you could point me to any component that is more ideal for that task, I'd be thankful. Either way: if you see a way to make this possible with this needle-less component, that would be great. From all the gauge components I saw, this was by far the most adaptable, most elegant one. So keep up with the great work :)

Best, Martin

naikus commented 5 years ago

@MartinMuzatko I don't plan on supporting this "scale" feature. But as a workaround you may look at the "color" option. But I understand you want your gauge dial to indicate the range. Unfortunately its not possible :-) Thanks, Aniket