title: Google Charts - "Missing Query for request id: 0"
body: <p>This error only appears if I try to put two charts on the same page.  Both charts work perfectly if they are the only one on the page.  The minute I add the second only the first one loads and I get the "Missing Query for request id: 0" error.<br>
  Here is my js file for the chart:  </p>
  
  <pre><code>function drawChart(title, queryPage, divToFill) {
  var dataTab = null;
  var query = new google.visualization.Query(queryPage);
  var strSQL = "SELECT *";
  
  query.setQuery(strSQL);
  
  query.send(processInitalCall);
  
  function processInitalCall(res) {
      if(res.isError()) {
          alert(res.getDetailedMessage());
      } else {
          dataTab = res.getDataTable();
  
          // Draw chart with my DataTab
          drawChart(dataTab);
      }
  }
  
  function drawChart(dataTable) {
      // Draw the chart
      var options = {};
      options['title'] = title;
      options['backgroundColor'] = "#8D662F";
      var colors = Array();
      var x = 0;
      if(currentCampaignId &gt;= 0) {
          while(x &lt; dataTab.getNumberOfColumns() - 2) {
              colors[x] = '#c3c1b1';
              x++;
          }
          colors[x] = '#d2bc01';
      }
      else {
          colors[0] = '#c3c1b1';
      }
      options['colors'] = colors;
      options['hAxis'] = {title: "Week", titleColor: "white", textColor: "white"};
      options['vAxis'] = {title: "Flow", titleColor: "white", textColor: "white", baselineColor: "#937d5f", gridColor: "#937d5f"};
      options['titleColor'] = "white";
      options['legend'] = "none";
      options['lineWidth'] = 1;
      options['pointSize'] = 3;
      options['width'] = 600;
      options['height'] = 300;
      var line = new google.visualization.LineChart(document.getElementById(divToFill));
      line.draw(dataTab, options);
  }
  }  
  </code></pre>
  
  <p>Here is a snip from the index.php file:  </p>
  
  <pre><code>&lt;body&gt;
  &lt;script type="text/javascript"&gt;
  google.load('visualization', '1', {'packages': ['table', 'corechart']});
  google.setOnLoadCallback(function(){
  drawChart("Water", "waterData.php", "water");
  drawChart("Air", "airData.php", "air");
  });  
  
  &lt;/script&gt;
  &lt;div id="water" style="text-align: center;"&gt;&lt;/div&gt;
  &lt;div id="air" style="text-align: center;"&gt;&lt;/div&gt;
  &lt;/body&gt;  
  </code></pre>
  
  <p>It throws the error right at the <code>query.send(processInitalCall);</code> line, only on the second time it's called.  Both the waterData.php and airData.php are identical except for the <code>sig</code> field.  I did notice there was a field called <code>reqId</code> and it's set to 0.</p>
  
  <p>Do I need to somehow change this <code>reqId</code> in these classes?</p>