javascript - 将网格线选项添加到 hAxis 时，Google 图表不会正确呈现

Question

我正在定义一个谷歌图表

let chart = new GoogleCharts.api.visualization.ScatterChart(this.chartWrapTarget)

let dataTable = new GoogleCharts.api.visualization.DataTable()
      dataTable.addColumn({ type: 'datetime', label: 'timestamp' })
      dataTable.addColumn({ type: 'number',   label: `${option.text} (${option.getAttribute('data-unit')})` })
      dataTable.addColumn({ type: 'string',   role: 'tooltip' })

现在，我需要自定义，hAxis但无论我使用哪个值，轴都没有正确更新。

let chartOptions = { chartArea: { width: '80%' },
                     legend: { position: 'bottom' },
                     pointSize: 2,
                     hAxis: { gridlines: { count: 4 } }
}
chart.draw(joinedData, chartOptions)

这是一个没有选项的图表示例gridlines（看起来不错）

这里还有其他gridlines选项（看起来不太好）

我在这里遗漏了什么吗？

标签： javascriptgoogle-visualization