title: How to draw google.visualization.datatable after click event?
body: <p>How to draw datatable after click event?
  I have next js code:</p>
  
  <pre><code>function drawDataTable() {
  
  var options = {'showRowNumber': true};
  var query = new google.visualization.Query($('#connection_spreadsheet_url').val());
  
  
  function handleQueryResponse(response) {
      if (response.isError()) {
          alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
          return;
      }
      var data = response.getDataTable();
      (new google.visualization.Table($('#table')[0])).draw(data, options);
  }
  
  function sendAndDraw() {
      query.send(handleQueryResponse);
  }
  
  google.setOnLoadCallback(sendAndDraw);
  </code></pre>
  
  <p>}</p>
  
  <p>It's work fine, but I want drawing datatable only after clicking button (for example <strong>$('#button')</strong>)</p>