javascript - Google Chart hAxis.gridlines.count 无法按预期工作

Question

我有一个百分比值从 0 到 100%(即 0 到 1)的 google 图表当我将 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);
}

Answer 1

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