Javascript 谷歌图表不与我合作

我对谷歌图表有一些问题：

我希望Y轴在0到20之间，网格线应该每2点出现一次：所以我将有0,2,4,6,8,10,12，等等，我试图用这行代码实现这一点

'vAxis':{ title: 'Score',  titleTextStyle: {color: '#27318B'}, 
 maxValue:20,  minValue:0,  gridlines: {count:10, color:'#27318B'} }

但它从0开始，在22,5结束，每2,5处显示一条网格线。我不明白为什么会这样

我希望图形的宽度为100%，但是当我更改它时（无论是在html还是javascript中），我总是得到100%的宽度，但是高度变得非常小，以至于没有任何东西是可读的，即使指定了高度。 jQuery中的

变量选项={'width'：800，'height'：600}

HTML格式的

<div id="chart_div" style="width:800; height:300">

尝试将网格线计数增加1，因为有11个值介于0和20之间，步长为2

关于宽度和高度的问题，最好看一下您尝试使用的代码，这样我们就可以看到您具体尝试做什么。您希望图形的宽度为100%，但100%是什么？容器还是页面？是否希望称为图表区域（不包括纵轴和图例）的区域为容器的100%区域？您可以使用的选项包括容器元素（您提供的）的宽度和高度、顶级“宽度”和“高度”选项以及“宽度”和“高度”的“图表区域”选项

---

1.这对我有用，谢谢！2.我在原始问题中添加了代码片段：请注意，我希望在容器的100%高度和宽度中包含x和y轴。容器元素的高度仅为300，而图表选项的高度为600以上。可能会删除容器元素高度，以便调整它以适合内容。