this works for me if I remove the first and last line of annotated.js (in other words, if I just have the script without putting it inside a function).
On Wed, Oct 14, 2009 at 7:00 PM, teamhonda81 <[email protected]> wrote: > > I'm trying to create an Annotated timeline chart using the exact same > code example that is available on the google playground, however; I > would like to put all the javascript in an external file instead of > having the javascript inline. When I do this, the page redirects to a > blank screen, but if I take out the javascript in the external file > and place the javascript inline, inside of the <head>, then everything > works fine. Is there no way to place the javascript in an external > file? Here is my code: > > <html class=" ext-strict" lang="en" xmlns="http://www.w3.org/1999/ > xhtml" xml:lang="en" dir="ltr"> > <head> > <script src="http://www.google.com/jsapi"; > type="text/javascript"></ > script> > <script src="annotated.js" type="text/javascript"></script> > </head> > <body> > <div id="google-annotated" style="height: 250px; width: > 900px;"></ > div> > </body> > </html> > > Code inside annotated.js > > window.onload = function() { > google.load('visualization', '1', {'packages': > ['annotatedtimeline']}); > function drawChart() { > var data = new google.visualization.DataTable(); > data.addColumn('date', 'Date'); > data.addColumn('number', 'Sold Pencils'); > data.addColumn('string', 'title1'); > data.addColumn('string', 'text1'); > data.addColumn('number', 'Sold Pens'); > data.addColumn('string', 'title2'); > data.addColumn('string', 'text2'); > data.addRows([ > [new Date(2008, 1 ,1), 30000, undefined, undefined, 40645, > undefined, undefined], > [new Date(2008, 1 ,2), 14045, undefined, undefined, 20374, > undefined, undefined], > [new Date(2008, 1 ,3), 55022, undefined, undefined, 50766, > undefined, undefined], > [new Date(2008, 1 ,4), 75284, undefined, undefined, 14334, > 'Out of Stock','Ran out of stock on pens at 4pm'], > [new Date(2008, 1 ,5), 41476, 'Bought Pens','Bought 200k > pens', 66467, undefined, undefined], > [new Date(2008, 1 ,6), 33322, undefined, undefined, 39463, > undefined, undefined] > ]); > > var chart = new google.visualization.AnnotatedTimeLine > (document.getElementById('google-annotated')); > chart.draw(data, {displayAnnotations: true}); > } > google.setOnLoadCallback(drawChart); > } > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
