title: Add JavaScript links to pie slices of google visualizations pie chart
body: <p>I'm working on a google visualizations pie chart and want each individual slice to link to a different page. I know there's another question  already very similar to this, but I don't understand the answer. I've worked a bit with HTML and CSS but this is the first thing I've done in JavaScript and I'm definitely lost. I want my user  to be able to click on a slice of the chart and then be taken to a new page. The page needs to be different for each slice of the chart if possible. Thank you!
  Here's my code:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        google.charts.load('current', {'packages':['corechart']});
        google.charts.setOnLoadCallback(drawChart);
  
        function drawChart() {
  
          var data = google.visualization.arrayToDataTable([
              ['Field', 'Number of Proposals'],
              ['Sustainability', 242],
              ['Education', 699],
              ['Information Technology', 240],
              ['Health &amp; Wellness', 247],
              ['Community Development', 353],
              ['Public Policy', 138],
              ['Equity', 276],
              ['Food &amp; Water', 131],
              ['Energy', 84],
              ['Security (Cyber &amp; Other)', 56],
          ]);
  
          var options = {'width': 1200,
                         'height': 700,
              colors: ['#8C1D40', '#FFC627', '#6F6F6F', '#935669', '#FFDA74', '#919191', '#96757F', '#FEE9B0', '#BBBBBB', '#DEDEDE']
          };
  
          var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  
          chart.draw(data, options);
          google.visualization.events.addListener (chart, 'select', function(){
              var selection = chart.getSelection();
      console.log(selection);
          });
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="piechart" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>