title: Google Chart hAxis.gridlines.count does not work as expected
body: <p>I have a google Chart with percentage values from 0 to 100% (i.e. 0 to 1)
  When I set hAxis.gridlines.count to 10 expecting to get gridlines at <code>0, 10, 20, ... 90, 100</code>
  I get gridlines at <code>0, 12, 24, 36, ..., 96, 108</code></p>
  
  <p>I could not find any solution by now.</p>
  
  <p>Here is my Code:</p>
  
  <pre><code>function getData() {
  
      // Create the data table.
      var data = new google.visualization.arrayToDataTable([
        ['Category', 'Fulfillment (%)'],
        ['A', .75],
        ['B', .50],
        ['C', .50],
        ['D', .30],
        ['E', 0]
      ]);
  
      // Set chart options
      var options = {
          'title': 'My Title',
          'height': 300,
          'backgroundColor': 'none',
          'hAxis': {
              'maxValue': 1,
              format: '#%',
              gridlines: {
                  count: 10
              }
          },
          'colors': ['#F5821E'],
          legend: { position: "none" }
      };
  
      var formatter = new google.visualization.NumberFormat({ pattern: '#%' });
      formatter.format(data, 1);
  
      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
      chart.draw(data, options);
  }
  </code></pre>