更改 Material 谷歌条形图中的 x 轴刻度

Question

我正在尝试使用https://developers.google.com/chart/interactive/docs/gallery/barchart#top-x 构建使用条形图。 我想知道如何最大化 X 轴刻度线的范围？我已经尝试在小提琴https://jsfiddle.net/gbta075L/ 中使用另一篇帖子的建议-set x Axis range in google chart 这样做，但这没有用。这是我添加到现有小提琴的内容：

hAxis: {
        viewWindow: {
              max: 200
        },
        ticks: [0,50,100]
}

但这似乎不起作用。任何帮助将不胜感激！

Answer 1

老实说，在使用 google 材料条形图时，我不知道如何构造 ticks 和 viewWindow 等价。它没有很好的文档记录，仍处于测试阶段。

不过，一个不错的技巧是使用google.charts.Bar.convertOptions()，它将谷歌可视化选项转换为材料图表选项：

var chart = new google.charts.Bar(document.getElementById('top_x_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));

结果

我认为这就是您想要的。
分叉的小提琴 -> https://jsfiddle.net/65bwmknu/