title: How to change tooltip text for google chart api?
body: <p><a href="http://code.google.com/apis/chart/" rel="noreferrer">http://code.google.com/apis/chart/</a></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', {'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 our data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'date');
    data.addColumn('number', 'Views');
    data.addColumn('number', 'People');
    data.addRows([
      &lt;?php echo $analytics; ?&gt;
    ]);
    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.AreaChart(document.getElementById('Analytics-Visualization'));
    chart.draw(data, {lineWidth:3, pointSize:8, width: 745, height: 240,chartArea:{left:20,top:20,width:640}});
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>lets say when we do this it does this
  <img src="https://i.stack.imgur.com/y6q92.png" alt="enter image description here"></p>
  
  <p>to</p>
  
  <p><img src="https://i.stack.imgur.com/vm7wt.png" alt="enter image description here"></p>
  
  <p>maybe using the listener stuff ? </p>