在谷歌图表中设置x轴范围

Question

我尝试使用谷歌图表示例创建条形图

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Topping');

    data.addColumn('number', 'Slices');

    data.addRows([
      ['Mushrooms', 5],
      ['Onions', 4],
      ['Olives', 3]
      ['Zucchini', 2],
      ['Pepperoni', 1]
    ]);

图表已成功创建,但在X轴上它显示从0到6的值.当我将所有值传递为0时,它显示X轴从-1到+1.

是否可以将X轴设置为始终从0%到100%.

Answer 1

您可以通过设置hAxis.viewWindow.min和hAxis.viewWindow.max选项强制BarChart的x轴始终显示特定范围:

hAxis: {
    viewWindow: {
        min: 0,
        max: 100
    },
    ticks: [0, 25, 50, 75, 100] // display labels every 25
}