title: date formatting and remove column name in Google charts
body: <p><a href="https://i.stack.imgur.com/DDq8T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DDq8T.png" alt="IMG"></a>
  </p>
  
  <p>I have two issues in this google chart. </p>
  
  <ol>
  <li>I want to either get rid of the word <code>Resour...</code> on the right side or display the entire word.</li>
  <li>When I hover over any bar, I want to display the time or maybe both time and date for that data point</li>
  </ol>
  
  <p>Here is my code to display the chart:</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
      google.load('visualization', '1', { 'packages': ['corechart'] });
      google.setOnLoadCallback(drawSizeChart);
  
      function drawSizeChart() {
  
          $.post('/metrics/GetSiteSize', { sID: "@Model.SiteId" },
          function (data) {
  
              var tdata = new google.visualization.DataTable();
              tdata.addColumn('string', 'Date');
              tdata.addColumn('number', 'Resources');
  
              for (var i = 0; i &lt; data.length; i++) {
                  var date = (new Date(parseInt(data[i].created_at.substr(6)))).toString().substring(4, 15);
                  var rCount = data[i].resource_count;
                  tdata.addRow([date, rCount]);
              }
  
              var options = {
                  title: 'Resource Count',
                  };
  
              var chart = new google.visualization.ColumnChart(document.getElementById('site_size'));
              chart.draw(tdata, options);
          });
      }
  &lt;/script&gt;
  </code></pre>