I have been trying to get the Fusion Charts to work on Android 2.2 (emulator). But its not loading anything . i can see only blank screen.
Has anyone run Fusion Charts on the Android device / emulator before? Can Fusion charts run on Android itself?
Edit:
I have try to load the chart in default browser of android. In that also its not loading. But its running in Opera and Mozilla Firefox. Any Idea?
Additional Information : Browser version is Webkit 3.1
FusionCharts Flash version loads fine on devices supporting Flash (Glaxy Tab, etc.)
For JavaScript version, the story is slightly different. I am copying a section of my notes here:
FusionCharts uses an enhanced version of HighCharts in order to render JavaScript based charts.
HighCharts uses 'SVG' as a technology to render the visualizations. Though considered part of HTML5, certain mobile platforms (like Android) does not support SVG as of yet.
As of now, Android supports "canvas" as a drawing technology for HTML5. Gingerbread is expected to fully support SVG.
If you refer to the history of HighCharts, you would see that HighCharts version 1.x supported canvas, but since 2.x they have shifted to SVG anticipating the inclusion of SVG support on major mobile platforms.
We, at FusionCharts, use HighCharts 2.x as a base to render FusionCharts. Consequently, they do not run on Android.
However, there is a workaround, if you replace the highcharts.js (2.x) supplied with FusionCharts by older highcharts.js, you would notice that it works fine on Android platforms. But that would mean limited functionality as a lot of enhancements done to HighCharts would be lost.
I hope I had been clear on my points. If you need further clarification, I can definitely provide you with more information. I can also assist you in implementing the older highcharts.js by particularly detecting Android based browsers and doing selective loading of older HighCharts JS files.
There is also a small extension of FusionCharts that gracefully handles this replacement of older HighCharts for devices that does not support SVG or VML but supports canvas.
You can see it in action at: http://www.fusioncharts.com/labs/peek/canvasmodulefallback/
Download the files from: http://www.fusioncharts.com/labs/peek/canvasmodulefallback/sample-canvasmodulefallback.zip
Zero when the data will be mobile devices crash.
var chartObj1 = new FusionCharts({
swfUrl:'Charts/Column2D.swf',
renderer: 'javascript',
renderAt: 'chartspan',
dataSource: {
"chart": {
"caption" : "Sales Summary",
"subcaption": "Summary of Sales"
},
"data": [
{"value":"0"},
{"value":"0"},
{"value":"0"},
{"value":"0"}
]
},
dataFormat: FusionChartsDataFormats.JSON
}).render();
Related
I am working on a cross-platform application developed using html5, css3 and angularJS.
I am facing an issue in showing the ScrollBar on android device.
I have used -webkit-overflow-scrolling: touch;
It is working fine on iPAD but its has no effect on android device.
Need help.
Thanks in advance
As you have rightly said, Android native WebView does not "show" a scroll bar when using overflow:scroll|auto. But the scrolling is allowed when you touch and move the container around. So scroll should still work as expected, without the bouncy effect.
Another Android catch is till 4.4, the native WebView is not the one used in Chrome, i.e. ChromeView. So you are going to have to deal with it by using a javascript polyfill, like overthrow.js [http://filamentgroup.github.io/Overthrow/] or iscroll. Personally, iscroll ux sucks on Samsung Galaxy Tabs.
But if you are targetting Android 4.0>=, then this might help https://github.com/pwnall/chromeview. Haven't personally tried it though.
Check out for more details on webview changes https://developers.google.com/chrome/mobile/docs/webview/overview
Android 4.4 (KitKat) includes a new WebView component based on the Chromium open source project. ...[truncated]...., so rendering should be much more consistent between the WebView and Chrome.
As of this writing, -webkit-overflow-scrolling was exclusive to Mobile Safari on iOS 5 and later.
As of mid-2012, the latest Android version (4.1 Jelly Bean) does not support it, but it IS supported in Chrome for Android, which can be downloaded from Google Play (and only supports Android 4.0+). Android 3.0+ supports overflow: scroll, but it's not very snappy.
Referred from : How much support is there for -webkit-overflow-scrolling:touch
I would like to create animations compatible with Android2.3, using Adobe Flash Pro CS6.
Since I don't want to be dependent on Flash Player on the device, I would like to save the animation as HTML5.
So far, I used Swiffy to convert the swf output to HTML5 but it doesn't run on Android 2.3 device, only on Android 3 and up.
I read here that the reason might be that "older android browsers supports SVG, but not inline SVG. Only android 3 and up supports it."
I am an Android developer and not familiar with Adobe Flash Pro, but I would like to instruct my graphic designer how to create the animations or what settings to use when he creates the swf/html5 files so that they would run on Android 2.3.
Can anyone help or give me some guidelines?
Have you taken a look at Adobe Edge ?
Taken right from the description
"Adobe® Edge is a powerful, intuitive tool for creating stunning
animated and interactive content using HTML5, CSS3 and JavaScript."
Note that Adobe Edge is still in beta. Give it a try and see whether you will be able to leverage your existing skills in Flash.
I am developing an Android app using web technologies and the CSS transitions (quite essential to the functionality of the app, since they're responsible for scrolling and swiping pages) are quite sluggish.
According to information found on the internet, CSS transitions are not hardware accelerated unless transformed 3-dimensionally. I found many articles saying that I should put "-webkit-transform: translateZ(0);" to my animated elements.
However, the Webkit in older Android versions (below 3.0) doesn't support 3D transformations.
Can I embed a newer version of WebKit with my app?
Can I embed a newer version of WebKit with my app?
In theory, perhaps.
You would have to completely rewrite WebKit to use something that the NDK supports for output (e.g., OpenGL) and embed it in your app. I estimate that this will take >100 developer-months, so if you have a large team and matching budget, you are welcome to try this. By the time you complete the work, the "older Android versions" will be obsolete, and you will not need the code.
Hence, from a practical standpoint, either redesign the apps such that CSS transitions are no longer "essential to the functionality of the app", or limit your app to Android 3.0+ and wait for the Android user base to catch up.
I recently finished the first iteration of a game concept I was working on for mobile phones or browsers. My plan was to use PhoneGap and write it in JavaScript/HTML and port it everywhere. Because I wanted to be light on graphics and support any number of resolutions and orientations, I built this use SVG. I have been testing in Chrome and figured that the same SVG support would be on Android...
Well after doing some Googling, I see that the android devs specifically left out SVG rendering from the browser... I assume this means that once I convert my app into PhoneGap format, it won't run on Android. Is there any way to bake-in SVG rendering with a PhoneGap plugin or something, or am I SOL?
I saw that Honeycomb has support for SVG, does anyone know if they plan on backporting this to 2.2, 2.3, etc? It seems to be a huge oversight that if you want to support multiple resolutions and screens you wouldn't incorporate a technology than can dynamically create graphics.
As you mentioned in your question, support for SVG was compiled into the Webkit browser for Android 3.0. I just tried the Android 3.1 emulator, and it is working there as well:
So it appears as though, for future releases, we can probably count on SVG support being included in the Webkit browser.
I am not aware of any work being done to bring SVG to the webkit browser on earlier versions of Android.
You might be able to use canvg which uses javascript to interpret SVG and draw it on the canvas. I expect performance will be too slow for a game, though (I've not tried it myself yet)
I am investigating SVG, so I was wondering if anyone knows how good SVG support is for browsers on smart-phones. I know Opera Mini/iPhone support a lot of SVG Tiny, but I cannot figure out the support for other browsers (Blackberry, Pre, Android, Nokia smart-phones). I know phones using IE as rendering engine will have no support at all.
I have tried to find latest data, but cannot find anything later than 2007. I would appreciate if anyone can link to a post that discusses SVG support on mobile browsers.
Information about this topic really is rare (but that's nothing new when we talk about SVG, unfortunately...)
There are a few test results from the Tiny Test Suite available (end of 2008):
http://www.w3.org/Graphics/SVG/1.2/Tiny/ImpReport.html
BitFlash, eSVG, Ikivo and Motorola SVG are of special interest here. Opera Mobile is not covered by this test but it uses Ikivo as far as I know.
And there is a pretty current discussion here:
http://tech.dir.groups.yahoo.com/group/svg-developers/message/63147
Until now the results of this discussion are rather poor, but maybe you can join in there...
However, considering the pain (native) SVG development causes with "desktop browsers" I would not really recommend it for mobile browsers unless you have a very specific target group (with SVG enabled devices) or other serious reasons to use SVG.
I'm sorry that I couldn't contribute more, maybe it was a little help anyway.
As for today (Jan 2013) it looks like SVG is supported in the most popular desktop and mobile browsers - on their latest versions:
IE
Firefox Chrome
Safari
Opera
iOS Safari
Opera Mini
Android Browser
Blackberry Browser
Opera Mobile
Chrome for Android
Firefox for Android
Source: caniuse.com/svg
Supported browsers:
iOS 5+
Android 3+
Source: http://caniuse.com/#feat=svg-html5
Currently some people including me work on it independently.
You may find working solution in these articles:
Android. ImageView with SVG Support.
Android ImageView and Drawable with SVG support
BlackBerry actually supports SVG animation as far as OS 6, albeit imperfectly.
The same OS 6 also supports SVG image with no problem of resizing.