title: Setting Hours and Minutes on Google Charts hAxis with jsondata
body: <p>I have a Google Line chart that produces a number of tweets by time.  As you can see, it does not currently show the 30 minute intervals.  How do I get it to say 6:30am, 7:30am, etc...  Also, how do I default it to switch between 6am and say 6:30am but all the way across the chart.  For example, if the most recent was at 6:30am, then all of them should read on the 30 (7:30am, 8:30am, etc.)</p>
  
  <pre><code>{"cols":[{"id":"datetime","label":"datetime","type":"datetime"},{"id":"Tweets","label":"Tweets","type":"number"},{"role":"annotation","type":"string"},{"type":"string","role":"style"}],"rows":[{"c":[{"v":"Date(2016, 8, 08, 13, 30, 0)"},{"v":"5010"},{"v":"5010"},{"v":"point {fill-color: #5e6771}"}]},{"c":[{"v":"Date(2016, 8, 08, 13, 0, 0)"},{"v":"4670"},{"v":"4670"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 14, 0, 0)"},{"v":"4543"},{"v":"4543"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 14, 30, 0)"},{"v":"3230"},{"v":"3230"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 16, 30, 0)"},{"v":"3167"},{"v":"3167"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 16, 0, 0)"},{"v":"3013"},{"v":"3013"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 15, 0, 0)"},{"v":"2924"},{"v":"2924"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 15, 30, 0)"},{"v":"2892"},{"v":"2892"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 12, 30, 0)"},{"v":"2205"},{"v":"2205"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 11, 0, 0)"},{"v":"1789"},{"v":"1789"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 11, 30, 0)"},{"v":"1753"},{"v":"1753"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 9, 30, 0)"},{"v":"1653"},{"v":"1653"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 9, 0, 0)"},{"v":"1611"},{"v":"1611"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 12, 0, 0)"},{"v":"1598"},{"v":"1598"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 8, 30, 0)"},{"v":"1531"},{"v":"1531"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 10, 30, 0)"},{"v":"1490"},{"v":"1490"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 10, 0, 0)"},{"v":"1424"},{"v":"1424"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 8, 0, 0)"},{"v":"1081"},{"v":"1081"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 7, 30, 0)"},{"v":"888"},{"v":"888"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 7, 0, 0)"},{"v":"679"},{"v":"679"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 6, 30, 0)"},{"v":"673"},{"v":"673"},{"v":null}]},{"c":[{"v":"Date(2016, 8, 08, 6, 0, 0)"},{"v":"666"},{"v":"666"},{"v":null}]}]}
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/wpGNs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wpGNs.png" alt="Tweet Volume Chart"></a></p>
  
  <p>Google Charts Code:</p>
  
  <pre><code>&lt;table class="graph-table"&gt;
          &lt;tr&gt;&lt;td class="headerspacing2" colspan="3"&gt;&lt;span class="header"&gt;Tweet Volume&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr align="center"&gt;&lt;td colspan="2"&gt;
  &lt;div id="curve_chart" style="width: 1280px; height: 430px"&gt;
  
      &lt;script type="text/javascript"&gt;
  
   google.charts.load('current', {
    callback: function () {
      drawChart();
      setInterval(drawChart, (60000));
  
      function drawChart() {
        $.ajax({
          url: 'grab_twitter_stats.php',
          type: 'get',
          success: function (txt) {
  
  var data = new google.visualization.DataTable(txt);
  data.sort([{column: 0, desc:true}]);
  
            var options = {
        curveType: 'function',
        hAxis: {
            format: 'H, m',
            textStyle: {
                color: '#7acdd0',
                fontSize: 20
            },
          gridlines: {
              count: -1,
                color: 'transparent'
            },
        },
        vAxis: {
            gridlines: {
                color: '#7acdd0',
                count: 1
            },
            textPosition: 'none'
        },
        emphasis: {
              'color':'#000000',
              },
        pointSize: 15,
        chartArea: {'width': '92%', 'height': '85%'},
        pointShape: 'circle',
        lineWidth: 5,
        colors: ['#7acdd0'],
        annotations: {
            stemColor : 'none'
        },
        'tooltip' : {
            trigger: 'none'
        },
        legend: { position: 'none' }
        };
  
  
            var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
            chart.draw(data, options);
  
          }
        });
      }
    },
    packages: ['corechart']
  });
  
  &lt;/script&gt;   
      &lt;/div&gt; 
          &lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;  
  </code></pre>