You should be able to implement something of this nature. Bind a mousewheel event to the chart div (or probably better, the chartArea inside the chart), and use the direction and distance travelled by the mousewheel to change the chart's hAxis and vAxis viewWindow.min/max values and redraw the chart. You can use mouse position in the chart to give you an idea of where to center your zoom. Panning might be implemented similarly, by handling mouse down, mouse move, and mouse up events in the chart area, redrawing the chart with new viewWindow values.
On Friday, July 26, 2013 7:45:47 AM UTC-4, Clive Galway wrote: > > Hi all, > Was wondering if it is possible to create a line chart that features > google-maps-like pan and zoom (ideally mouse wheel zoom not drag select). > Zooming on both axes would be preferable. > > The chart we want to display is this one: > <http://i.imgur.com/9Kth9VV.png> > > Any suggestions welcomed, Google API or not. > > Or do people think we could maybe shoehorn this data into a timeline and > have it make sense? Anything considered! > > TIA > -- 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 [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/groups/opt_out.
