Pan, pinch zoom on iOS, UIWebView, mobile etc.

448 views
Skip to first unread message

David Melgar

unread,
Nov 27, 2014, 10:10:15 AM11/27/14
to google-visua...@googlegroups.com
I'm evaluating using Google Charts/Visualization to display line graphs within an app on an iPad. 

I'm able to get the sample charts to display in a UIWebView and it looks great. However, I am unable to get pan, pinch and zoom to work. The browser ends up zooming the entire content of the browser, i.e. Google Charts is not changing the graph.

What capabilities are supported for a mobile, touch based browser experience?

Ideally in the simple line graph example, it would be nice to support zooming by pinch and zoom gestures.

The line graph example supports displaying discrete values when a mouse is hovered over a data value. Ideal equivalent behavior in a mobile, touch based browser would be to allow the user to touch with one finger and have the value associated with that position on the graph displayed, and to display updated values as the user moves their finger. Panning the graph would ideally require a subtly different gesture, either two finger, or maybe by default it pans unless you do a long press to start displaying values.

But thats all conjecture.

Does Google Chart support touch at all in a mobile browser? Specifically pinch and zoom and some form of panning.

Thanks

Sergey Grabkovsky

unread,
Dec 1, 2014, 11:24:31 AM12/1/14
to google-visua...@googlegroups.com
Hi, we don't actually support browser touch events in our charts. We do intend to do this eventually, but I don't know when that will be. Until then, I think you can hack something together by listening to the touch events yourself on the chart container div.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages