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

6 posts, 0 answers
  1. Frederik
    Frederik avatar
    12 posts
    Member since:
    May 2009

    Posted 16 Sep 2014 Link to this post

    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.
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 18 Sep 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Véronique
    Véronique avatar
    2 posts
    Member since:
    Feb 2013

    Posted 22 Sep in reply to Kiril Nikolov Link to this post

    Hi there,

     

    I have the same issue right now.

    You have not found a solution so far ?

     

    Thanks.

  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 26 Sep Link to this post

    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.
     
  6. Véronique
    Véronique avatar
    2 posts
    Member since:
    Feb 2013

    Posted 10 Oct in reply to Danail Vasilev Link to this post

    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.

     

     

  7. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 12 Oct Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready