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'
  }
}