title: Formating tooltip data in Google Charts
body: <p>I have the page <a href="http://goodandevilbook.com/stats" rel="nofollow">http://goodandevilbook.com/stats</a> where I am using google charts to display data. </p>
  
  <p>On one of the charts (the area chart) When I hover over the tool tip, it displays the date in a hard-to-read format. I would like to format this date into a more readable way. Also, the tooltip displays ga:visitors, and I would like to change this to just Visitors. I can't really put the JSON file data into the desired format, because that is generated automatically </p>
  
  <p>Somehow, I need to change this data once I have it received. Here is the code where I generate the Area Chart:</p>
  
  <pre><code>google.setOnLoadCallback(drawGraph);
  function drawGraph(){
      var graph = new google.visualization.ChartWrapper({
      "containerId":"last30chart",
      "dataSourceUrl":"http://good-and-evil-stats.appspot.com/query?id=ahVzfmdvb2QtYW5kLWV2aWwtc3RhdHNyFQsSCEFwaVF1ZXJ5GICAgICA14wKDA&amp;format=data-table-response",
          "refreshInterval":0,
           "chartType":"AreaChart",
              "options":{
                  "width":675,
                  "height":400,
                  "chartArea":{width:"95%", height:"83%"},
                  "areaOpacity":0.1,
                  "pointSize":4,
                  "backgroundColor":"transparent",
                  "colors":['#76BB72'],
                  "legend":{position: 'none'},
                  "tooltip":{textStyle: {fontSize:18}},
                  "hAxis":{textPosition:"none", gridlines: {color: 'red', count: 7}},
                  "dateFormat":{formatType: "long"}
              }
              });
      graph.draw();}
  </code></pre>
  
  <p>I have tried to insert the code for formating the date. </p>
  
  <p><a href="https://developers.google.com/chart/interactive/docs/reference#dateformatter" rel="nofollow">https://developers.google.com/chart/interactive/docs/reference#dateformatter</a></p>
  
  <p>this is what I was playing around with:</p>
  
  <pre><code>var monthYearFormatter = new google.visualization.DateFormat({ 
       pattern: "MMM yyyy" 
  }); 
  monthYearFormatter.format(dataSourceUrl);
  </code></pre>
  
  <p>I've tried playing around with this for quite awhile, and can't get it to work. I am new to Javascript/jquery and so am not really sure what I'm doing.</p>