Thanks, zooming to sub day works great now. I just realised that using datetime type for the first column is mentioned in the annotated time line gallery.
On Jan 27, 11:21 pm, VizGuy <[email protected]> wrote: > And here is a simple working example: > <html> > <head> > <script type='text/javascript' src='http://www.google.com/jsapi > '></script> > <script type='text/javascript'> > google.load('visualization', '1', {'packages':['annotatedtimeline']}); > google.setOnLoadCallback(drawChart); > > function drawChart() { > var data = new google.visualization.DataTable(); > data.addColumn('datetime', 'Date'); > data.addColumn('number', 'Sold Pencils'); > data.addRows(6); > data.setValue(0, 0, new Date(2008, 1 ,1, 13, 45, 00)); > data.setValue(0, 1, 30000); > data.setValue(1, 0, new Date(2008, 1 ,1, 15, 55, 00)); > data.setValue(1, 1, 14045); > data.setValue(2, 0, new Date(2008, 1 ,1, 22, 10, 00)); > data.setValue(2, 1, 55022); > data.setValue(3, 0, new Date(2008, 1 ,2, 02, 20, 00)); > data.setValue(3, 1, 75284); > data.setValue(4, 0, new Date(2008, 1 ,2, 10, 45, 00)); > data.setValue(4, 1, 41476); > data.setValue(5, 0, new Date(2008, 1 ,2, 12, 00, 00)); > data.setValue(5, 1, 33322); > > var chart = new > google.visualization.AnnotatedTimeLine(document.getElementById('chart_div')); > chart.draw(data, {}); > } > </script> > </head> > > <body> > <div id='chart_div' style='width: 700px; height: 240px;'></div> > </body> > </html> > > On Tue, Jan 27, 2009 at 12:10 PM, VizGuy <[email protected]> wrote: > > Zooming to sub day should work automatically now, if you are using datetime > > type for the first column, and not date.note that for both the actual > > value is a javascript Date object, but in 'date' column type the time-of-day > > part of the date is ignored, and so the times assumed to be dates. This is > > why you can't zoom in to less than one day in that case. > > > Regards, > > VizGuy > > > On Tue, Jan 27, 2009 at 12:41 AM, hokagenz <[email protected]> wrote: > > >> Can someone tell me how to zoom to sub-day intervals. Example code > >> would be good. I'm new to javascript. > > >> Thanks --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~----------~----~----~----~------~----~------~--~---
