title: Updatinging google visualization on the same div when I press link buttons
body: <p>I am creating a dashboard for crime data using Google Visualization. 
  I have four links that when they are pressed, should update the data weekly, monthly, quarter and annually. Now I have a graph that presents the weekly data, but I want to update the graph in the same div(here is classdiv1) when I press on the "quarter" link for example. I coded my graphs, but I cannot figure out how to update them and map them to my links. Any ideas would be much appreciated. I attach part of my code below. Thanks.</p>
  
  <pre><code>&lt;div class="classdiv-1"&gt;
      &lt;div class="classmenu1"&gt;
          &lt;a href="#"&gt;&lt;center&gt;Weekly&lt;/center&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;div class="classmenu2"&gt;
          &lt;a href="#"&gt;&lt;center&gt;Monthly&lt;/center&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;div class="classmenu3"&gt;
          &lt;a href="#"&gt;&lt;center&gt;Quarter&lt;/center&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;div class="classmenu4"&gt;
          &lt;a href="#"&gt;&lt;center&gt;Annually&lt;/center&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  function drawChartW() {
      var data = google.visualization.arrayToDataTable([
          ['Year', 'Crime', 'Incidence', 'Stock Loss'],
          ['1',  50, 34, 55],
          ['2',  117, 46, 21],
          ['3',  66,  54, 42],
          ['4',  67, 59, 52]
      ]);
  
      var options = {
        title: 'Thread Trends'
      };
  
      var chart = new google.visualization.LineChart(document.getElementById('classdiv1'));
      chart.draw(data, options);
  } 
  </code></pre>
  
  <p>The other 3 graphs are of the same type and they are named drawChartM(), drawChartQ() and drawChartA().</p>