[SOLVED ]How can I make charts in both iOS and Android apps?

[tanishq]

Hi,

For last few weeks I am facing issues with the web viewer in iOS. for android it is working fine
Basically it is not opening the charts in created in html etc;

[muneer]

How are you creating the chart data?

Is it in an HTML file or you are parsing it as “data:text/html” string?

[tanishq]

a data:text/html string

[muneer]

This has never worked in iOS. Not now, not previously.

[tanishq]

So is there any other option to create charts that are compatible in both IOS and Android?

[jared]

You can instead create the chart using quickchart!

Or

You can use custom JavaScript to create the chart in an html file. Load the file into assets. And then load that asset as the url for the web viewer.

Which sounds more appealing?

[tanishq]

The Java script one looks impressive

[jared]

[Tutorial] Dynamic interactive charts

I wanted to post this example for those who are making quiz apps or study apps. The ability to see your progress visually is uber important. This is why we have charts in the first place. seeItLive incorporating charts in the past has been difficult. Here is an easy example you can fork or use yourself to incorporate a correct/incorrect chart into your app. This is based on the standard celebration chart that is used in the world of Precision Teaching and Applied Behavior Analysis. This allows…

[muneer]

Why do you use a Web Viewer to show a chart?

Why not use the image component directly?

See this post

Plot live data via airtable on graph

Hi All, I want to plot a graph via airtable data. X axis = Appliance Name like AC, oven, Iron box and so on… Y1 Value = Watt Y2 value = KWH Y1 and Y2 value is working fine but when it comes to appliance name its not taking data from Airtable as I get a error message as Ac is not defined. Your input is highly appreciable. Sharing the Airtable view [image] Also sharing the project link Thunkable Regards, Sasi Preetha

[muneer]

@jared

You can use custom JavaScript to create the chart in an html file. Load the file into assets

@jared HTML as asset in the project does not work in the mobile. I just tested this moment.

[jared]

Thanks for pointing that out. I know that we’ve been working on that and we’re close to releasing affects. I thought that it was released but it must not be yet.

In any case, the exact same solution of using an HTML file would work if you host it in a public spot. For example Firebase hosting, GitHub pages, or any other HTML page provider.

We’re hoping to see the HTML as an asset working very soon

Here is a video, to help get your charts into your app using the image component. . I’m working on creating a higher fidelity, more clear explainer video this week.

^^^ video will be updated soon. It’s not the greatest tutorial. Not bad. But not the greatest.

[tanishq]

thankyou!