更改Material google条形图中的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

老实说，在使用谷歌材料条形图时，我不知道如何构造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));

导致此

我认为你想要的是什么 分叉小提琴 - ＆gt;的 https://jsfiddle.net/65bwmknu/