great, that fixed it! Thanks so much On Monday, July 1, 2013 4:57:47 PM UTC+2, Sergey wrote: > > Hi, the problem with your code is that you're setting your column type to > 'date', but your dates also have time in them. If you change the type of > your first column to 'datetime', that should fix your issue. > > - Sergey > > > On Mon, Jul 1, 2013 at 4:39 AM, Log Reader <[email protected]<javascript:> > > wrote: > >> Hello, >> >> I am looking to procedurally generate charts to display logging data. I >> think I would like to use the "Annotated Time Line" chart, as it provides a >> built in scrolling bar to zoom in on relevant areas of the chart. But I am >> having a problem with the zoom, it seems to be going backwards! I'm not >> sure how to describe the problem, but you can easily see it if you copy and >> past the following code into a .txt. Another problem I have is that the >> dates along the X axis disappear, so there are no labels on the X axis. I >> think it might have something to do with the "new Date(...)" calls. Is it >> possible to create a date object with just a time, and no date? For >> instance all of the events happen on 2007/7/7, its the time I want to use >> to differentiate them, not the date itself. >> >> I tried debugging it in the visualization playground but it doesn't give >> me any errors. Here is the code, any help would be greatly appreciated! >> Thanks >> >> >> <html xmlns="http://www.w3.org/1999/xhtml";> >> <head> >> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> >> <title>LogMeIn Data Visualization</title> >> <script type="text/javascript" src="http://www.google.com/jsapi >> "></script> >> <script type="text/javascript"> >> google.load('visualization', '1', {packages: ['annotatedtimeline']}); >> function drawVisualization() { >> var data = new google.visualization.DataTable(); >> >> data.addColumn('date', 'timestamp'); >> data.addColumn('number', 'BlocksSent count'); >> data.addColumn('number', 'GatewayMessagesReceived count'); >> data.addRows([ >> [new Date(2007, 7, 7, 12,19,30,502), 0, 12], >> [new Date(2007, 7, 7, 12,19,34,519), 459, 4], >> [new Date(2007, 7, 7, 12,19,35,519), 11, 0], >> [new Date(2007, 7, 7, 12,19,36,519), 14, 0], >> [new Date(2007, 7, 7, 12,19,37,520), 126, 0], >> [new Date(2007, 7, 7, 12,20,39,622), 122, 0], >> [new Date(2007, 7, 7, 12,20,40,623), 188, 0], >> [new Date(2007, 7, 7, 12,20,41,623), 174, 0], >> [new Date(2007, 7, 7, 12,20,42,624), 186, 0], >> [new Date(2007, 7, 7, 12,20,43,625), 160, 1] >> ]); >> >> var annotatedtimeline = new google.visualization.AnnotatedTimeLine( >> document.getElementById('visualization')); >> annotatedtimeline.draw(data, {'displayAnnotations': true}); >> } >> >> google.setOnLoadCallback(drawVisualization); >> </script> >> </head> >> <body style="font-family: Arial;border: 0 none;"> >> <div id="visualization" style="width: 800px; height: 400px;"></div> >> </body> >> </html> >> >> -- >> 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]<javascript:> >> . >> To post to this group, send email to >> [email protected]<javascript:> >> . >> Visit this group at >> http://groups.google.com/group/google-visualization-api. >> For more options, visit https://groups.google.com/groups/opt_out. >> >> >> > >
-- 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.
