Creating charts in MIT App Inventor

Hi guys,

I am just wondering if anyone is able to help me.

I have created a wellbeing application which allows users to log and track their mood, sleep, nutrition and reflection . I am trying to create an "Insights" page which gets the date that they have entered from the database and displays their information over a period of time using graphs but I do not know how to do this.

I have also tried to import the Chart Maker extension but this is the error message I am getting.

image

Can anyone please help me? TIA.

1 Like

You could also give the native AI2 Charts component a try:

I have downloaded this extension! It won't open for me.
image

You cannot OPEN it, you need to download aix to your computer; then drag the aix into your Project.

1 Like

Oh great, thanks that worked. How can I link the charts to a database? Im using myPHPadmin to save the users information that they have logged. How can I display this information and link it to the charts?

Thanks!

Download the information from your server possibly using Web1.GetText. Transfer the info to a List in your app.

Follow the example in the GitHub downlink; example code is available if you scroll down.

Here are some resources to help you learn to use the AI2 tools. A very good way to learn App Inventor is to read the free Inventor's Manual here in the AI2 free online eBook http://www.appinventor.org/book2 ... the links are at the bottom of the Web page. The book 'teaches' users how to program with AI2 blocks.

There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro and the aia files for the projects in the book are here: http://www.appinventor.org/bookFiles

How to do a lot of basic things with App Inventor are described here: http://www.appinventor.org/content/howDoYou/eventHandling .

Also look here App inventor espa√Īol. Offline. Tutorial. Ejemplos. Instalaci√≥n. C√≥digos. Juegos. Curso gratis de App inventor. and here Tutorial Index | imagnity for more tutorials

Learn about components Component Reference
and visit the Library The MIT App Inventor Library: Documentation & Support Help>Library on the MENU

1 Like

Are you using iOS companion ?

Yes

Extensions will not work with iOS.

Try the Charts component instead.

Is there any examples out there how to use the charts component and link the data with the charts?

Yes, for example:

and look here

search here
https://community.appinventor.mit.edu/search?q=charts

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