mictronics / gaugemeter Goto Github PK

great job thanks at first for the great project .......

i am trying to include sensor data in gauge
using esp32

i am able to do in google metter ! example

!DOCTYPE HTML>

    ]);

    var options = {
      width: 1500, height: 750,
      redFrom: 90, redTo: 1000,
      yellowFrom:75, yellowTo: 90,
      minorTicks: 50
    };

    var chart = new google.visualization.Gauge(document.getElementById('chart_div'));

    chart.draw(data, options);

    setInterval(function() 
    
    {  

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
var volt = (( parseFloat(this.responseText)/ 4023)*100)
data.setValue(0, 1, volt );
chart.draw(data, options);
}
}

xhttp.open("GET", "/readABC", true);
xhttp.send();

    } ,100);

but i am unable to lode external data to your gauge ?

pls guide me

i am beginner only

thanks in advance

Hi, I'm a new learner of css and I'm tring using your GaugeMeter and I think it's kind of great project.
But now when I try to layout 4 GaugeMeter widgets, I meet some trouble. I want to let them be 2x2, but now they can just be 1x4. So can this GaugeMeter support manually layout? Could you give me some advice? Thanks in advance.

If I want to recreate the "1.21 GW" gauge from the demo image, what settings would I need to use then?

Hi
Thanks for the nice gauge!
a cosmetic issue, but when I set the gauge to say, 70% and then a background process updates it to, say, 73%, the gauge animation re-draws it from 0 to 73%, which is not that nice to see.
Any workaround?

I would like to use this gauge as a health gauge for my FiveM server. I can not get it to update the percentage dynamically without having to reload the gauge. Is this possible to do this?

First of all nice work with so much options. Really liked this.

but how can I change the height and width of the guage, by default its set to 150px(height & width)?

i tried all day to solve my self

but i can't

for float value mette move and not updating and showing (..........)

when data-animate_text_colors=true is used the animation does not start, it remains at the fixed point of the value. Even if you use the jquery or if you use the data-percent="value"

Hi, great widget and thanks for the work you've put in,

Two questions:

1. Would it be possible to update the Gauge from the current position rather than from "0"?
2. Would be great if I could use knockout and data bind the data-percent valud to a view model rather than using $("#aGauge").gaugeMeter({ percent: 42 });

Again, thanks

Hi,
I'm using the following gauge:
<div class='GaugeMeter' id='pv_power_1' data-percent='0' data-min='0' data-total='4200' data-used='1200' data-showvalue='true' data-append='W' data-size='200' data-theme='LightBlue-DarkBlue' data-back='RGBa(0,0,0,.1)' data-animate_gauge_colors='true' data-animate_text_colors='true' data-width='15' data-label='PV1 Power' data-style='Arch' data-label_color='#999' ></div>

both the following update command doesn't works....
$('#pv_power_1').gaugeMeter({used:1000});
or
$('#pv_power_1').attr('data-used','1000').gaugeMeter({percent:0});

how can dynamically update this gauge?
thank you!

Hi,
I need to display a voltage of a battery. Maximum value is 15V. How can I display e.g 8Volts and draw the according circle?
Either the circle is wrong or it displays 40 (guess it calculates the percentage) instead of 8

$("#PreviewGaugeMeter_1").data("percent",voltage);

How can I change there "percent" to a absolute value?

In HTML I tried
data-showvalue="true" data-min=0 data-total=15 data-used=8

Currently counter text (indicated value) font size scales with gauge size. Scaling factor is hard coded. Make this an option to improve gauge control.

Its me again i am thankful to u 👏👏👏👏👍👍👍💯💯

I am desining sensor network

I am unable to set metter value over 100 %

I need to display 230 volt ac in metter

And 2000 c temperature

Pls help thanks in advance 👏👏👏

I am new to web design ..,...👍👍👍✊

Gauge itself works fine - it's just the label tha misbehaves. Please let me know if you still maintain this project so I can provide more details.

inside GaugeMeter.js there is this comment
"Copyright AshAlom.com All rights reserved."

there is also a LICENCE file saying MIT licence

which is true?
Is it open source, or is it all rights reserved?