javascript - Google Chart 一直在 yAxis 上显示负值

Question

我目前正在使用 Google Charts 为用户可视化数据。如果没有数据，谷歌图表会自动绘制从 -1 到 1 的 y 轴。但在我的例子中，-1 没有意义，所以我希望它显示从 0 到 n 的空图表(最大值不没关系，我只是不想要消极的)。我已经搜索了解决方案，最常见的答案是，

viewWindow: {
    min: 0
}

应该有帮助。但是，事实并非如此。我想我只是以错误的方式使用它，因为它适用于很多其他用户，但我无法弄清楚，哪里出了问题。所以这是我试图避免负 Y 值的方法:

function drawChart() {
    var data = google.visualization.arrayToDataTable(dataArray);

    var options = {
        vAxis: { viewWindowMode: "explicit", viewWindow:{ min: 0 }},
        chart: {
            title: 'Check Diagramm',
            subtitle: '@chartTitle',
        },
        colors: ['#8BC34A', '#F44336']
    };

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

    chart.draw(data, options);
}

结果总是:

提前感谢您的帮助:)

编辑:

我也试过

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

Answer 1

viewWindow: {min: 0} 有效，但在使用 Material 图表时，
必须转换选项...

google.charts.Bar.convertOptions

请参阅以下代码段...

google.charts.load('current', {
  callback: function () {
    var dataArray = [
      ['Month', 'Positive Checks', 'Negative Checks'],
      ['Jan', 0, 0],
      ['Feb', 0, 0],
      ['Mar', 0, 0],
      ['Apr', 0, 0],
      ['May', 0, 0]
    ];

    var data = google.visualization.arrayToDataTable(dataArray);

                  // convert options
    var options = google.charts.Bar.convertOptions({
      height: 600,
      width: 800,
      vAxis: {
        viewWindow: {
          min: 0
        }
      },
      chart: {
        title: 'Check Diagramm',
        subtitle: '@chartTitle',
      },
      colors: ['#8BC34A', '#F44336']
    });

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

    chart.draw(data, options);
  },
  packages: ['bar']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="columnchart_material"></div>