title: how to add links to google pie chart slices
body: <p>This is the code I've been working, I need to redirect to another page by clicking the slices.</p>
  
  <pre><code>&lt;script type='text/javascript' src='https://www.google.com/jsapi'&gt;&lt;/script&gt;
  &lt;script type='text/javascript'&gt;
  
    // Load the Visualization API and the piechart package.
    google.load('visualization', '1.0', {'packages':['corechart']});
  
    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawChart);
  
    // Callback that creates and populates a data table,
    // instantiates the pie chart, passes in the data and
    // draws it.
    function drawChart() {
  
      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Topping');    
      data.addColumn('number', 'Slices');
      data.addRows([
        ['Cleaning Completed', $co1],
    ['Denied At Client Place', $co2],
    ['Denied', $co3],
    ['Postponed', $co4],
    ['Careless Driver', $co5],
    ['Cleaning Started', $co6],
    ['Emptyspace', $co22],
    ['Assigned to Vehicle', $co23],
    ['Select', $co24],
    ['Call Not Picked', $co25],
    ['Asked to Call Back', $co26],
      ]);
  
  
         // Instantiate and draw our chart, passing in some options.
              var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
         chart.draw(data, options);
     }
         &lt;/script&gt;
  </code></pre>