如何设置Google图表的垂直轴增量？如何在网格栏上设置最大宽度？

Question

我正在使用Google图表并阅读有关轴自定义说明here。这是下面的代码正在生成的两个图表示例：

示例1：

示例2：

和代码（注意，dataTableArray原始值已被取出）：

<div class="w600" style="height: 400px;" id="chart_div"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', { packages: ['corechart', 'bar'] });
google.charts.setOnLoadCallback(drawMaterial);

function drawMaterial() {
    var data = google.visualization.arrayToDataTable(dataTableArray);

    var materialOptions = {
        hAxis: {
            title: 'Count',
            minValue: 0
        },
        vAxis: {
            title: 'Month',
            minValue: 0,
            viewWindowMode: 'explicit',
            viewWindow: {
                min: 0,
                max: 100
            },
            gridlines: {
                count: 1,
            }
        },
        bars: 'vertical'
    };
    var materialChart = new google.charts.Bar(document.getElementById('chart_div'));
    materialChart.draw(data, materialOptions);
}
</script>

根据我的理解，上面的代码应强制图形增加1（gridlines.count变量），并且最高网格线应为100。但是，这没有发生。

我的问题： 如何使网格线增加1？以及如何在第二张图表上设置条形的最大宽度？