Creating charts in MIT App Inventor

App Inventor for iOS
#1

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
image504×704 76.5 KB

image

Can anyone please help me? TIA.

#2

chartmakeraixdownload
chartmakeraixdownload1319×731 46.6 KB

1 Like
#3

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

#4

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

image
image528×740 82.3 KB

#5

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

1 Like
#6

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!

#7

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 App Inventor 2 Book: Create Your Own Android Apps ... 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 Course In A Box and the aia files for the projects in the book are here: App Inventor 2 Book: Create Your Own Android Apps

How to do a lot of basic things with App Inventor are described here: How do you...? .

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
#8

Are you using iOS companion ?

#9

Yes

#10

Extensions will not work with iOS.

Try the Charts component instead.

#11

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

#12

Yes, for example:

and look here

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

#13

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