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

Question

我正在尝试使用https://developers.google.com/chart/interactive/docs/gallery/barchart#top-x构建使用情况条形图.我想知道如何最大化X轴刻度线的范围？我已经尝试在小提琴https://jsfiddle.net/gbta075L/中使用来自另一个帖子的建议 - 在谷歌图表中设置x轴范围,但这不起作用.这就是我在现有小提琴中添加的内容:

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));

结果如此

在此输入图像描述

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