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

Pan scrolling on touch as SVG

7 Answers 195 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Aldo
Top achievements
Rank 1
Aldo asked on 21 Jan 2015, 12:59 AM
I'm using this way of chart scrolling:
http://demos.telerik.com/kendo-ui/bar-charts/pan-and-zoom

it works on Ipad too, but could be possible to achieve that in SVG format?

My need is to set the chart full height in landscape and portrait mode, i can do that in SVG mode with JS, how do that with canvas without have chart get blurred?

7 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 22 Jan 2015, 04:29 PM

Hi Aldo,

I am afraid that Kendo UI Chart pan / zoom features cannot be enabled for mobile devices when Chart is rendered as SVG (currently the only supported pan / zoom implementation is that of the StockChart and its navigator). Please excuse us for any inconvenience this may cause.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
kako
Top achievements
Rank 1
answered on 28 May 2018, 04:50 AM

Is there still no effective solution for this theme?

All recent mobile devices have high resolution.

Thus rendering with Canvas to enable Pan will cause blurring of characters on most mobile devices.

Is not this problem fatal?

0
Viktor Tachev
Telerik team
answered on 29 May 2018, 11:18 AM
Hi Kako,

I modified the sample to render the content as SVG and panning and zooming are working as expected on PC.


However, panning and zooming on a mobile device will require using canvas mode. I am afraid that the feature is not available on mobile when the Chart is rendered as SVG.


Regards,
Viktor Tachev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
kako
Top achievements
Rank 1
answered on 30 May 2018, 12:17 AM
So, is there a way to prevent characters from blurring on mobile devices as drawing with Canvas?
0
Boyan Dimitrov
Telerik team
answered on 31 May 2018, 05:18 PM
Hello,

As far as I understand you are having some problems with blurring characters under mobile devices when Chart is rendered as canvas and pan/zoom is used. I tested our https://demos.telerik.com/kendo-ui/bar-charts/pan-and-zoom demo under mobile phone and it worked fine. Could you please provide more information about the issue you are facing? 

Regards,
Boyan Dimitrov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
kako
Top achievements
Rank 1
answered on 01 Jun 2018, 12:25 AM

I will attach a screenshot of my mobile device.

I think that you can see that the character of the chart rendered with canvas is somewhat blur.

The specifications of my mobile device are as follows.

Model: Sony Xperia Z3 Compact(https://en.wikipedia.org/wiki/Sony_Xperia_Z3_Compact)

Android: 4.4.4

Also, when checking with iPhoneSE, the letters were blurred in the same way.

Do you need more information? I hope the problem will be resolved.

0
Boyan Dimitrov
Telerik team
answered on 04 Jun 2018, 01:12 PM
Hello,

In general this is an issue with pan/zoom actions on canvas on high dpi displays. We do have logged an enchantment that should fix this behavior. At this point I am not able to give exact date or time span when it will implemented. 

Regards,
Boyan Dimitrov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Aldo
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
kako
Top achievements
Rank 1
Viktor Tachev
Telerik team
Boyan Dimitrov
Telerik team
Share this question
or