Graph does not appear(chartmaker plus extension)

putera_melaka · August 5, 2021, 11:04pm

Hi all, recently i tried to create a graph based on acceleration value and display on gauge,Now i am trying to make line graph of acceleration using an extension chartmaker plus.After i have done and try to run the application the graph does not show up,

the block:

Since i really dont get it i will post the ,aia file so easier for others to help

GRAPH.aia (12.9 KB)

Please help with code or maybe share the correct aia file, please dont share link to other tutorial as i already read related topic and search related topic but still stuck.thanks in advance

TIMAI2 · August 6, 2021, 7:00am

You need to understand the data structure required for arrayTable:
https://developers.google.com/chart/interactive/docs/gallery/linechart#curving-the-lines

This (as you have done) will not generate a chart:

This will show the single point

This will show a curve, using fixed start and end points

You may also need to test for values returned from the accelerometer, so that you can replace with a default value if no value is returned

SteveJG · August 6, 2021, 2:24pm

@TIMAI2 Perplexed.

Some help appreciated. The right side code renders an image of the graph; the left side does not.

Because it does not have an axes identifier or because there are too many points.

Any ideas? Tnx

TIMAI2 · August 6, 2021, 2:26pm

Correct, no headers identified

SteveJG · August 6, 2021, 2:43pm

OK, thanks. perplexed2

However when I add the headers, this doesn't work either .

putera_melaka · August 6, 2021, 2:53pm

well i tried a simple graph and it does not work and i have no idea where i did mistake

i did also compare to graph example in demo given ,it works

result

my result vs demo example

did i miss anything?

SteveJG · August 6, 2021, 3:07pm

Perhaps "Direction" should be Direction. I do get a graph display when I use his example without the extra ".
Remove the quotes from this
trythis
and you may get Tim's example to render.

putera_melaka · August 6, 2021, 3:13pm

thanks

SteveJG · August 6, 2021, 3:19pm

Great. You gave me an idea . When I removed the quotes shown in post #5 ,
and use this similar version

the xaxis data still doesn't plot in the WebView. Perhaps Tim has some ideas?

putera_melaka · August 6, 2021, 4:15pm

i did try and error but doesnt seems to find the correct method.anyways thanks alot for helping out,i really appreciate it. well hopefully tim have idea regarding this issue

i did read regarding this chart that produces flickering because it keep refreshing for every new plotted data(for continuous data) but did not encounter any showing up issue so im just guessing that maybe there is incomplete code-block that should be in there

TIMAI2 · August 6, 2021, 4:54pm

This is about data types. The line chart is expecting a string, and getting a number. If your data generator creates the number as a string with quotes, e.g. ["1",-0.164],["2",-0.1779].... then it will plot. I may have a look at reverting to the ChartMaker style of data entry which allows for setting of types for an update to the extension.

@putera_melaka you will get flickering if you try to refresh the graph with new data, I also found that trying to feed new data to the graph with the webviewstring doesn't work well. Better to generate a chart using the canvas if you want to update data in real time.

TIMAI2 · August 6, 2021, 5:20pm

I have to correct myself having just done some testing:

will plot this:

You do need the headers to be in quotes.....

[["Direction", "XAccel"], [1, 25], [2, 15], [3, 10]]

SteveJG · August 6, 2021, 5:24pm

Thanks for the updates.

Tried both with ([post #5) and without (post #9) quotes; neither works. I will keep experimenting.

TIMAI2 · August 6, 2021, 8:34pm

@SteveJG Seems you have a string and not a list (you have quotes around your brackets)

do it result: "[["Direction","X-Accel"],[1,0.25],[2,0.37]...]"

should be

do it result: [["Direction","X-Accel"],[1,0.25],[2,0.37]...]

SteveJG · August 6, 2021, 9:40pm

Oh, I have tried this too

perplexedList which certainly is a List.

Perhaps it does not like the negative values? perplexedpositive

N
not negative values as shown above causing the issue.

OK... got it to work ....

I need to clean this up and then will post the solution.

SteveJG · August 7, 2021, 12:20am

Cleaned up a bit. Used @putera_melaka aia as a base and modified only the x-acceleration.
Select START ( 1 ) let run a few seconds inducing acceleration change, select STOP ( 2 ), then Show Graph. This is not real time. Uses a Clock to smooth the acceleration data sampling once a second and displays points collected on the xAccelList between steps 1 and 2. You could save the List in a TinyDB.