Beautiful chart maker

Free Templates, Designs, and Block Combinations
21

Do you have an example block to show how the Firebase dynamic data connects to the chart?

22

Do you know how to get data from firebase? how it looks like?

23

Something like this:

image
image1090Ɨ669 48 KB

and this:

image
image1015Ɨ720 55.3 KB

24

I mean, what the data you want to show in chart looks like?

25

Data like lat and long, description and some other data from Firebase

26

I need to change the intervals. Itā€™s 100,200,300 and son on. What should i do to change?

27

What do you mean by ā€˜change the intervalā€™?

28

Hello, I am building a quiz app with a scoring system. At the end of the quiz you receive a percent grade. I wanted to be able to take that percent and then input it into the chart against all of the userā€™s previous scores to show their progression. Is this possible using these charts?

I have analyzed how these charts work and from what I can tell, if I am able to take the ā€œstarting valuesā€ (or the scoreā€™s the student previously received) and form a text list (for example 25,30,40,55,100) which is attached to the ā€œlist from csv rowā€, then it will chart these numbers. I donā€™t know if this is possible but Iā€™m new to this and Iā€™d like some guidance. Thank you.

29

Hi, The_V_Programmer.

From what Iā€™ve found for the bar chart: In order to change the ā€œyā€ values change the ā€œlist from csv rowā€ numbers- so instead of 123,46,567,357,754 in kevinkunā€™s example change them to 100,200,300. Note that the number of data sets that appear depend on the number of data in the global_labellist. The number of bars appear depend on the number of csv rows inputted. Not that I have 3 rows of csv numbers and thusly will have 3 bars in each data set.

19%20PM

30

The intervals are changing based on the data displayed in the chart and also based on the chart type.
Try the same chart type i.e. column with different data or the same data with different charts i.e. column & stacked.
You will notice that numbers displayed in X & Y axis are differentā€¦

You can customise various elements of the charts based on your preference but I think you should visit chartjs site and see the documentation thereā€¦

31

Hi!
Is it possible to save the image of the graphic using the app? I have tried with a Tainfun Screenshot extension but it didnĀ“t save the web viewer. Also, I prefer to save only the image of the graphicā€¦ some idea?

32

Maybe this will help:
http://community.thunkable.com/t/free-extension-componenttoimage/39307

33

Thanks for your help! I tried it and it keeps saving a blank image :frowning: , I think itā€™s because somehow those extensions can only ā€œseeā€ the html link (not the web View String) ā€¦ which actually appears blank if you see it in the computerā€™s browser.
I will continue looking :slightly_smiling_face:

34

for me no problem.
2018-10-11_085217

%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20181011085342
%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_201810110853421080Ɨ2060 173 KB

35

Even with your aia file it doesnā€™t works for me. Iā€™m stuck :tired_face:
Chartjs2 (1).aia (81.5 KB)

36

Is possible a integration all component and compilate the .aia and upload the final project ?

37

Sorry I do not understand you

38

Thanks for it.I already use http://kio4.com/appinventor/169D_javascript_graficos.htm this example but yours is better

Is it possible change background color of the graph from the block side?

How to disable info bar and title for pie chart? I just want show pie chart

39

ā€œinfo barā€ means legend?

you need modify the pie part of chart.html, as
options: {
title: {
display: false
},
legend: {
display: false
}
}

2 Likes
40

Thanks,published it to AÄ° gallery

ai2.appinventor.mit.edu/?galleryId=4551531237081088 (Without Extension)