This is a migrated thread and some comments may be shown as answers.

The rendering Mode "canvas" draws the chart blurred on mobile devices.

5 Answers 146 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Frederik
Top achievements
Rank 1
Frederik asked on 16 Sep 2014, 01:54 PM
The rendering Mode canvas draws the chart very blurry on mobile devices. Why? For example the CanvasJs Framework also draws with canvas method. There, the chart looks on mobile devices very sharp.

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 18 Sep 2014, 01:45 PM
Hi Frederik,

I can see that my colleague already informed you that this is a known issue that we are working on. So I expect it to be fixed with the future release. 

Thanks again for bringing this up.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Gabin
Top achievements
Rank 1
answered on 22 Sep 2016, 07:44 AM

Hi there,

 

I have the same issue right now.

You have not found a solution so far ?

 

Thanks.

0
Danail Vasilev
Telerik team
answered on 26 Sep 2016, 11:06 AM
Hello Véronique,

If you are not using latest Kendo UI version - 2016.3.914, does upgrading to it help? If not could you please try to reproduce the issue with this dojo sample - http://dojo.telerik.com/OHIjA and then send it back to us for further investigation?

Regards,
Danail Vasilev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Gabin
Top achievements
Rank 1
answered on 10 Oct 2016, 01:59 PM

Hi,

 

I'm already using the latest Kendo UI version. I've tested my issue with your Dojo. It's ok when I'm using Kendo on a web application, but the chart is blurred when I'm displaying it on a mobile application.

 

You just have to had « new kendo.mobile.Application(document.body, {}); » at the end of the script tag, and a « data-role="view" » in the HTML and you can see the blur appearing on the chart on fullscreen mode. Now if you delete the « renderAs: "canvas" » you can see there is no blur anymore.

 

Thank you.

 

 

0
Danail Vasilev
Telerik team
answered on 12 Oct 2016, 11:44 AM
Hi Véronique,

I see that the text of the canvas looks a little bit blurred in mobile devices. This issue, however, is not directly related to the chart but the canvas rendering and I am not sure whether there is something we can do about it.

That being said I am sorry to say I cannot offer a reliable solution apart of changing the rendering to SVG.

Regards,
Danail Vasilev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Diagram
Asked by
Frederik
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Gabin
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or