在Material Google柱状图中更改x轴刻度值

Question

4

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

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

但似乎并没有起作用。非常感谢您的帮助！

- bazzinga

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- davidkonrad · Accepted Answer

当使用Google的Material Bar Charts时，我不知道如何构建ticks和viewWindow的等效性。这方面的文档并不是很详细，而且仍处于测试阶段。

但是，一个不错的技巧是使用google.charts.Bar.convertOptions()将Google可视化选项转换为Material图表选项：

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

这会导致以下结果：

enter image description here

我假设这是你想要的。
forked fiddle -> https://jsfiddle.net/65bwmknu/