HighCharts integration

Fri Jul 10, 2015 7:24 am

I have an appery.io app I just built () that is displaying a custom graph we built for our desktop portal using HighCharts. I could not find anything on the net regarding integration of HighCharts into appery so I spent the time to refactor the code so it would work without errors. At last I got that goal. My problem is that in testing via web browser from appery everything works perfectly. Fast, responsive, no errors. When I package and install to android (any type), once HighCharts loads the application stops responding or mostly crashes by navigation no longer working, rest services stop responding. I can't figure out why. It is almost as if we ran out of memory but the phone appears to have aplenty. Does anyone have some ideas how I can get APK to run as the tests do? How to find out the source of the problem?

http://appery.io/app/mobile-frame?src...

Load the application. If prompted for login use a href="mailto:stully@acme.com" rel="nofollow"stully@acme.com/a with password "abc123Acme!". Than go to "Tasks" page by using navigation at the bottom. Choose the "KPIs" collapsible. Sometimes you must wait for it to load or choose from left side panel 2 or more KPI's to see it properly.

Fri Jul 10, 2015 7:28 am

I forgot some technical details:
Page in question is "DashboardPage".
Service is getKPIData
JavaScript file is KPIsAPI
CSS file is KPIs
Local Storage is "TaskData"

When I remove all KPI stuff the application works. When I add back all the KPI stuff, especially HighChart library it loads fine in browser test and locks up in Android tests. I used 4 different Android phones with same results. Focused to stop the app and start-up again only to repeat the problem.

Sat Jul 11, 2015 1:57 am

Hi Jeff,

Please try remote debugging tool https://devcenter.appery.io/documenta...
Do you get any error?
Do you have a chance to test on different Android devices? Does the error persist?
What Android version do you have?

Wed Jul 15, 2015 10:14 am

Sorry for the long delay. Following your obvious advice I tried remote debugging. It took a fair amount of time trying to get Weinre debugging working on two of the Android phones and than I started addressing the listed problems. To clear up the issue was actually surprised to see the JSON string in the REST call feeding the HighChart structure was unusually large / long with many line feeds and white spaces produced by our server when ColdFusion was processed. Real error was the code on the server producing data overflow in the JavaScript of HighCharts. Corrections to the ColdFusion function so it would not return line feeds (output function changed to string return) removed the junk and made the data set manageable again.

I had to make many changes / corrections to the HighCharts api code to work with the coding style for phones / appery.

Should anyone else out there need to use HighCharts for appery and/specialized modifications I can lend some assistance.

I consider the issue resolved.

Wed Jul 15, 2015 10:48 am

Jeff,

Good job! Thank you for update.