Google柱形图vAxis.minValue不适用于所有零值

Question

我遇到的情况是默认情况下所有数据都为零.像这样的东西:

    function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'],
    ['2003',  0,   0,       0,       0,   0,  0],
    ['2004',  0,   0,       0,       0,   0,  0],
    ['2005',  0,   0,       0,      0,   0,  0],
    ['2006',  0,   0,       0,       0,   0,  0],
    ['2007',  0,   0,       0,       0,   0,  0],
    ['2008',  0,   0,       0,       0,   0,  0]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            hAxis: {title: "Year"},vAxis:{minValue:0,format:"#"}}
      );
}

如果您复制上面的代码并在google playground上玩游戏,您会发现图表很难将最小值限制为-1.0.我想要的是从零开始vAxis并只选择整数值.但它没有发生.我也尝试过viewWindowMode,但它也无法解决问题.屏幕截图下面是如何渲染的.

Answer 1

您可以使用viewWindow.min选项(要渲染的最小水平数据值)来修复它,例如:

            vAxis: {
                minValue:0,
                viewWindow: {
                    min: 0
                }
            }

Answer 2

这可以通过设置视窗值来实现。

    vAxis: { viewWindow: { min: 0 }, viewWindowMode: "explicit" }

Answer 3

您需要添加最大值viewWindow并按颜色删除基线。

vAxis: {
  viewWindowMode: "explicit",   
  viewWindow: {min: 0,max:1}, 
  baseline:{
    color: '#F6F6F6'
  }
}