Results 1 to 4 of 4

Thread: Recommended way to do Retina Charts?

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
      0  

    Default 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?

    Thanks,
    matt

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    All the charts are doing is adding a canvas element. We don't do anything special for retina and non-retina displays.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
      0  

    Default

    Understood.

    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.

    Thanks,
    matt

  4. #4
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    0
      0  

    Default

    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?

    Any ideas?
    matt

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •