Question

我有一个谷歌图表，百分比值从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);
}

Answer 1

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

Answer 2

使用count: 11而非10。这将更改网格线的标签。

Answer 3

我遇到了同样的问题（错误），并且我意识到，如果您为图表（列图表）设置高度，那么水平网格的数量将为2。我想使用适当的hAxis.gridlines.count删除身高的身材。

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

3 个答案: