Charts on Retina Displays

Share RGraph:   To help my Google visibility (it can't get much worse!), if you like and use RGraph I'd appreciate it if you could link to me

« Back to message list

Enter your email address to get email updates on this topic. You can stop receiving updates by clicking the link in the update email messages.

Posted by Rodrigo Avila on 14th September 2012
Hi,

I can use rgraph with iPad 2 and iPad 3. But in the iPad 3, the graph looks blurry (since iPad 3 uses an Retina Display).

So, what I can do to use rgraph on iPad 3 without a blurry image?

Thanks.
Posted by on 14th September 2012
Hi,

You could try playing with the window.devicePixelRatio setting, as mentioned by these pages regarding blurry canvas text:

groups.google.com/forum/?fromgroups=#!topic/javascript-information-visualization-toolkit/YTO2CkSOXkY

Which refers to this page:

joubert.posterous.com/crisp-html-5-canvas-text-on-mobile-phones-and
Posted by Digitalico on 9th November 2012
Works correctly on iPhone/iPad Retina. Just change scale sentence for RGraph canvas like code below:

hidefCanvas.scale(window.devicePixelRatio, window.devicePixelRatio);

Thank you
Posted by Rodrigo Avila on 17th April 2013
Hi,

Do you have any example using RGraph? In joubert blog (and any other examples I find) the scale works ok, but after scale(), the example uses this:

$(hidefCanvas).css('width', hidefCanvasCssWidth);
$(hidefCanvas).css('height', hidefCanvasCssHeight);

But changing canvas widt/height using CSS is not recommended in RGRaph [1].

So... what's next?

Thanks.

[1] www.rgraph.net/docs/misc.html#canvas-width-height
Posted by RGraph support on 17th April 2013
Hi there,


What are you asking or referring to?


Richard, RGraph Support

5 developer license with Priority support for £299:
   www.rgraph.net/license#five-developer

Add a reply




« Back to message list