It's probably a better idea to have a single script that handles both timelines, as in the following:
<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(init); function init() { var velocityQuery= new google.visualization.Query('http://www.lrd- wc.usace.army.mil/olmsted/velocitySetResponse'<http://wc.usace.army.mil/olmsted/velocitySetResponse%27> ); velocityQuery.send(handleVelocityQueryResponse); var stageQuery= new google.visualization.Query('http://www.lrd- wc.usace.army.mil/olmsted/stageSetResponse'<http://wc.usace.army.mil/olmsted/stageSetResponse%27> ); stageQuery.send(handleStageQueryResponse); } function handleVelocityQueryResponse(response) { if (response.isError()) { alert('Error in stage query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); return; } var data = response.getDataTable(); var visualization = new google.visualization.AnnotatedTimeLine(document.getElementById('velocity_div')); visualization.draw(data, {allValuesSuffix: " fps", displayAnnotations: true, displayZoomButtons: false , displayRangeSelector: false, scaleType: 'maximized'}); } function handleStageQueryResponse(response) { if (response.isError()) { alert('Error in stage query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); return; } var data = response.getDataTable(); var visualization = new google.visualization.AnnotatedTimeLine(document.getElementById('stage_div')); visualization.draw(data, {allValuesSuffix: " ft", displayAnnotations: true, displayZoomButtons: false , displayRangeSelector: false, scaleType: 'maximized'}); } </script> </head> <body> <h1>Velocity (fps)</h1> <div id="velocity_div"; style='width: 700px; height: 240px;'></ div> <h1>Stage (feet)</h1> <div id="stage_div"; style='width: 700px; height: 240px;'></div> </body> </html> I'm kind of hoping that will solve the problem. If it doesn't, let me know. thanks, MC Get Vizzy On Wed, Aug 25, 2010 at 2:10 PM, Trent <[email protected]> wrote: > I'm trying to get two annotated time lines on the same webpage. I'm > getting an error returned from the query "Missing query for request > id: 0". > > The data is in two static pages here: > http://www.lrd-wc.usace.army.mil/olmsted/velocitySetResponse > http://www.lrd-wc.usace.army.mil/olmsted/stageSetResponse > > I've tried changing the reqId to 0 and 1 in the query responses, but > that didn't fix it. > > > Here's the code I'm using: > > <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(init); > > function init() { > var query= new google.visualization.Query('http://www.lrd- > wc.usace.army.mil/olmsted/velocitySetResponse'<http://wc.usace.army.mil/olmsted/velocitySetResponse%27> > ); > query.send(handleQueryResponse); > } > function handleQueryResponse(response) { > if (response.isError()) { > alert('Error in stage query: ' + response.getMessage() + ' ' + > response.getDetailedMessage()); > return; > } > var data = response.getDataTable(); > var visualization = new > > google.visualization.AnnotatedTimeLine(document.getElementById('velocity_div')); > visualization.draw(data, {allValuesSuffix: " fps", displayAnnotations: > true, displayZoomButtons: false , displayRangeSelector: false, > scaleType: 'maximized'}); > } > </script> > <script type="text/javascript"> > google.load('visualization', '1', {packages: ['annotatedtimeline']}); > google.setOnLoadCallback(init); > > function init() { > var query= new google.visualization.Query('http://www.lrd- > wc.usace.army.mil/olmsted/stageSetResponse'<http://wc.usace.army.mil/olmsted/stageSetResponse%27> > ); > query.send(handleQueryResponse); > } > function handleQueryResponse(response) { > if (response.isError()) { > alert('Error in stage query: ' + response.getMessage() + ' ' + > response.getDetailedMessage()); > return; > } > var data = response.getDataTable(); > var visualization = new > > google.visualization.AnnotatedTimeLine(document.getElementById('stage_div')); > visualization.draw(data, {allValuesSuffix: " ft", displayAnnotations: > true, displayZoomButtons: false , displayRangeSelector: false, > scaleType: 'maximized'}); > } > > </script> > > </head> > <body> > <h1>Velocity (fps)</h1> > <div id="velocity_div"; style='width: 700px; height: 240px;'></ > div> > <h1>Stage (feet)</h1> > <div id="stage_div"; style='width: 700px; height: 240px;'></div> > </body> > </html> > > -- > 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]<google-visualization-api%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > > -- 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.
