Can you help with Extension Gauge App Inventor?

[TIMAI2]

For what it is worth, I tested the aia in companion and no errors but no gauge displayed.

[Mustafa_Ozkara]

I tried it in Memu simulator on PC and it didn't give an error, but when I installed it on my Note-5 phone, it gave an error.

[TIMAI2]

See here for alternatives

FAQ Section: Charts and Graphs

AI2 Charts Component AI2 Charts Component Help - MIT Oct 2022 AI2 Charts Usage Guide - @elatoskinas Charting CSV Data by DateTime in the AI2 DataFile component - ABG Realtime Chart sample - @Kevinkun Javascript based Chart..js examples / Spanish / Juan Antonio How to generate an animated Pie Chart using the Chart.js library Gauge Charts Plotly JS file to display real time data - Giriraj Pawar Highcharts Setup on AI2 Charting Extensions ChartMaker Extension - Kager & Manning ChartMak…

https://groups.google.com/g/mitappinventortest/c/k20NEzXSBy8/m/XzQis0IBBwAJ

[Mustafa_Ozkara]

Thank you,
It says you do not have permission to write to this group.

https://groups.google.com/g/mitappinventortest/c/k20NEzXSBy8/m/XzQis0IBBwAJ

[TIMAI2]

That is correct, the google group is now read only

[Taifun]

@Mustafa_Ozkara

Mr. Andres Daniel's contact information.

See here https://andrescotes.github.io/
taken from the extensions directory App Inventor Extensions | Pura Vida Apps

Taifun

[Mustafa_Ozkara]

@Mustafa_Ozkara

Thank you,

Thank you, @Taifun
Do you have Mr. Anders Daniel's contact e-mail address?

[TIMAI2]

He has not been active here / elsewhere for several years but you could try a private message - @Andres_Cotes

[ChrisWard]

You don't need an extension, there is a lovely Gauge project available in the gallery:

https://gallery.appinventor.mit.edu/search/time

Look for GaugeGenerator2

[TIMAI2]

or try this, same js, no extension

Gauge.aia (16.1 KB)

[Mustafa_Ozkara]

Thanks for everything.

[Leon_Dantuma]

Hi TIMAI2
I'm new to app inventor. I love this gauge but would like to get rig of the colors and use a progress color.
Do you perhaps know how this is done?

[TIMAI2]

@Leon_Dantuma

would like to get rig of the colors and use a progress color

A progress colour ? Do you mean a progress bar / circular progress ? There are several methods and extensions for this to be found on the community (search for progress bar)

Are you using the Gauge.aia provided above?

[Leon_Dantuma]

Yes.l am using the Gauge.aia. I want to get rid of the colors (yellow, red, etc) and then as the gauge value changes, use a color to display from 0 to current (set) value.

[TIMAI2]

It has been three years since I looked at it. Will need to refresh my memory.

[EDIT] - had a look, this is the wrong type of output for what you want.

Search for progress bar as previously suggested, or you can create a simple progress gauge using the canvas and draw arc.

Here is one more complicated example:

Circle progressBar+Image

Hi. I've tried a lot of extensions with progress bars. But it is always suggested to choose a color as the scale. I need my PNG image to be used as a progress bar. So that the image is hidden in a circle depending on the position of the slider. is it possible to implement this? [2024-07-23_16-22-25]

[SteveJG]

Make an Analog Gauge and use it to display something useful

Make a simple Canvas based gauge and display your altitude. A simple home made gauge: uses two png images, a Canvas and an ImageSprite and a LocationSensor/GPS to provide elevation information [Altimeter2examle] The Gauge face is an image set to the background of a Canvas. An ImageSprite is the pointer. Make the pointer with a transparent background as a png image. I am not a graphic artist; use your graphic skills to provide a more elaborate image. The GPS Altitude value is used in a…

uses a GoogleChart Gauge html and a javascript loader stored in Media and a WebViewer

and

A Basic LocationSensor Speedometer

A Basic LocationSensor Speedometer ============================ An app with an analog speedometer display using a GoogleCharts gauge and javascript. This example works on an Android 8.1 and probably all Androids between 5 and at least 8.1 . [speedometer] There are two speedometer dials; 0 to 100 mph and 0 to 50 mph. Modify the html files stored in Media to set different display ranges. ( Make an Analog Gauge and use it to display something useful . shows an Altimeter gauge; you can instea…

is similar.

The first link shows how you can work with the html colors and might be what you would like to do. You would have to modify the html script to make it what you want it to do.

Otherwise you might follow Tim's suggestions.

Did you get your gauge to work as you desire? . When you do you might post the code that works for you so others might learn.

[Leon_Dantuma]

Thank you. But I need a radial gauge for a water level indicator.
I will try to explain what I am struggling with:

here I want to get rid of the green,pink,yellow and brown.

I want to add the progress (Pink)

Hope this helps.

[Leon_Dantuma]

Thank you SteveJG.
I like this guage from the aia in the link. I would just like to modify some of the features and have done so. I just dont know where to modify the colors I want to remove and where to add the progress as shown above.

[TIMAI2]

Herewith a simple example

archGauge.aia (2.2 KB)

[Leon_Dantuma]

Thank you TIMAI2