2 * NOTE: requires the Google JSAPI using a key for your domain.
3 <script type='text/javascript' src='https://www.google.com/jsapi?key=KEY-GOES-HERE'></script>
5 google.load('visualization', '1', {'packages':['annotatedtimeline']});
6 google.load("jquery", "1");
9 // To see the data that this visualization uses, browse to
10 var link = 'http://spreadsheets.google.com/tq?key=0AubvfWUvLDrpdGs2eGdwNndDUEZSV2hfNFprTkQxUkE&hl=en&authkey=CO3y2JoO&sheet=NodeHistory';
11 var query = new google.visualization.Query(link);
13 // Apply query language.
14 //console.log("run select");
15 query.setQuery('SELECT A,B+E,I,J,G+H,K,L');
16 // Send the query with a callback function.
17 query.send(handleQueryResponse);
19 function handleQueryResponse(response) {
20 if (response.isError()) {
21 alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
24 var data = response.getDataTable();
25 //console.log("loaded data");
31 function drawChart2(data) {
32 //data.insertColumn(2, "string", "title1");
33 //data.insertColumn(3, "string", "text1");
34 //data.insertColumn(5, "string", "title1");
35 //data.insertColumn(6, "string", "text1");
36 data.setColumnLabel(1, "Production Nodes");
37 data.setColumnLabel(4, "Failing Nodes");
39 var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
41 st.setDate(st.getDate()-60);
42 chart.draw(data, {displayAnnotations: true, zoomStartTime: st, zoomEndTime: new Date()});