javascript - Google Chart hAxis.gridlines.count无法正常工作

我有一个Google图表，其百分比值从0到100％(即0到1)
当我将hAxis.gridlines.count设置为10时，期望在0, 10, 20, ... 90, 100上获得网格线
我在0, 12, 24, 36, ..., 96, 108上获得网格线

到目前为止，我找不到任何解决方案。

这是我的代码:

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);
}

最佳答案

阅读the documentation，您可以看到hAxis.gridlines.count指定要绘制多少行，而不是在哪里绘制。您正在寻找的可能是hAxis.ticks。