Q:

Google Chart Link to same page inside a Table (basically do bookmarking within the same page)

From within the Google Chart Table; how to create a link "INSIDE" the same page (basically do bookmarking within the same page).
I know how to do Link to outside web pages using data.addColumn('link', 'link'); but is there a way we can add a link inside the table representing bookmarks.
<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addRows([
          ['Mike',  {v: 10000, f: '$10,000'}, true,],
          ['Jim',   {v:8000,   f: '$8,000'},  false,],
          ['Alice', {v: 12500, f: '$12,500'}, true,],
          ['Bob',   {v: 7000,  f: '$7,000'},  true,]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

  <body>

<h2><a id="Mike">Mike</h2>
<p>Mikes Finance details ba bla bla</p>
<p></p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a id="Alice">Alice</h2>
<p>Alice Finance details ba bla bla</p>

<h2><a id="Bob">Bob</a></h2>
<p>Bob Finance details ba bla bla</p>

<h2>Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2><a id="Jim">Jim</h2>
<p>Jims Finance details ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>  

<div id='table_div'></div>

<a href="#Mike">Mike's Finance</a>
<a href="#Jim">Jim's Finance</a>
<a href="#Mike">Alice's Finance</a>
<a href="#Jim">Bob's Finance</a>

    </body>
</html>       

A:

 google.visualization.events.addListener(table, 'select', function(e){
  location.href = "#" + data.getValue(table.getSelection()[0].row,0);
 });

That's really all there is to it (if I've understood your question correctly)
Demo Here

