title: is it possible to have multiple google charts in one page?
body: <p>I am using Google visualization api. 
  Following is my sample code. Either of the two charts can be shown if it is the only one to be drawn. But I can not get both working. Thanks for your advice. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;&lt;/meta&gt;
          &lt;title&gt;Home Page&lt;/title&gt;
          &lt;!--Load the AJAX API--&gt;
          &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              //Load the Visualization API and the ready-made Google table visualization
              google.load('visualization', '1', {'packages':['corechart']});
          &lt;/script&gt;
  
          &lt;script type='text/javascript'&gt;
  
              function drawA() {
                  // Define the chart using setters:
                  var wrap = new google.visualization.ChartWrapper();
                  wrap.setChartType('ColumnChart');
                  wrap.setDataSourceUrl('dataurl');
                  wrap.setContainerId('checkin-column');
                  wrap.setOptions({'title':'Daily Check-in Numbers', 'width':500,'height':400});
                  wrap.draw();
                  wrap.getChart();
              }
  
              function drawB() {
                  // Define the chart using setters:
                  var wrap = new google.visualization.ChartWrapper();
                  wrap.setChartType('ColumnChart');
                  wrap.setDataSourceUrl('dataurl2');
                  wrap.setContainerId('redemption-table');
                  wrap.setOptions({'title':'Redemption History', 'width':500,'height':400});
                  wrap.draw();
              }
  
  
  
              function drawVisualization() {
                 drawA();
                  drawB();
  
              }
  
  
              google.setOnLoadCallback(drawVisualization);
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  
  
          &lt;div id="checkin-column"/&gt;
          &lt;p/&gt;
          &lt;div id="redemption-table"/&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>