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

Dom*_*k G 3 javascript google-visualization bar-chart

我有一个谷歌图表,百分比值从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);
}
Run Code Online (Sandbox Code Playgroud)

Nit*_*Nit 5

阅读文档,你可以看到,hAxis.gridlines.count指定多怎么行画,没有绘制位置.您正在寻找的可能是hAxis.ticks.

  • 几乎:)它是`hAxis.ticks`而不是`gridlines.ticks` (2认同)