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}有效，但使用材料图表时，
必须转换选项......

google.charts.Bar.convertOptions

请参阅以下摘录...

＆＃13;

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']
});

＆＃13;

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

＆＃13;

Google Chart在yAxis上显示负值

1 个答案: