web/MonitorWeb/monitorweb/static/javascript/googlevis.js

   1 /*
   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>
   4  */
   5 google.load('visualization', '1', {'packages':['annotatedtimeline']});
   6 google.load("jquery", "1");
   7
   8 function getData2() {
   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);
  12
  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);
  18 }
  19 function handleQueryResponse(response) {
  20     if (response.isError()) {
  21         alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
  22         return;
  23     }
  24     var data = response.getDataTable();
  25     //console.log("loaded data");
  26     //console.log(data);
  27     if ( data ) {
  28         drawChart2(data);
  29     }
  30 }
  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");
  38       console.log(data);
  39       var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
  40       var st = new Date();
  41       st.setDate(st.getDate()-60);
  42       chart.draw(data, {displayAnnotations: true, zoomStartTime: st, zoomEndTime: new Date()});
  43 }