javascript - 谷歌图表不与我合作

Question

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

1. 我希望 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 显示一条网格线。我不明白这是为什么？

2. 我希望图形的宽度为 100%，但是当我更改它时（无论是在 html 还是 javascript 中），我总是得到 100% 的宽度，但高度变得如此之小，以至于即使指定了高度，也不再可读。 在 jQuery 中

var options = {'width':800, 'height':600}

在 HTML 中

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

Answer 1

1. 尝试将网格线计数增加 1，因为在 0 到 20 之间有 11 个值，步长为 2。

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