6 Jan 2012 4:44 AM #1
Unanswered: Recommended way to do Retina Charts?
Is there a recommended way to do retina charts?
I've played around with viewport width and a bunch of other stuff but I can never get the page to display correctly on retina and non-retina devices.
Is there an official example of how to do it? I notice none of the demos support retina display?
6 Jan 2012 8:30 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
All the charts are doing is adding a canvas element. We don't do anything special for retina and non-retina displays.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
7 Jan 2012 3:04 AM #3
In that case, can you point me to an example where that chart renders twice as detailed on a retina display?
Currently all charts render the same on non-retina and retina (which is therefore blocky) in the demos.
13 Jan 2012 12:19 PM #4
I've been looking into this...
Here's how I am making pogress:
- design and code index.html to be 640px wide
- set meta viewport initial-scale=0.5, maximum-scale=0.5 in head of HTML
However, Sencha Touch JS was overriding the viewport setting, so:
- set meta viewport initial-scale=0.5, maximum-scale=0.5 in sencha-touch.js
(argh! this took some finding)
Now, this looks and works great in the iOS simulator - in retina and non-retina modes.
However, when the HTML runs through PhoneGap the viewport is not honoured.
Is it being overridden in PhoneGap somewhere?