如何在Google图表中修复y轴，以便＆＃39; timeofday＆＃39;值？

Question

目前，我的y轴看起来像这样：

意味着它只会或多或少地达到最高值。有没有办法让它固定，以便它跨越00:00-23:59的整个持续时间？

我假设必须在选项的vAxis部分设置。

Answer 1

你可以使用 - ＆gt; vAxis.viewWindow.min和max

  viewWindow: {
    min: [0, 0, 0],
    max: [23, 59, 59]
  }

虽然最后的标签可能没有显示，但是 图表将延伸至[23, 59, 59]

你可以添加 - ＆gt; ticks
保证显示最后一个标签

请参阅以下工作代码段...

＆＃13;

＆＃13;

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'x');
  data.addColumn('timeofday', 'y');
  data.addRows([
    ['10-19', [8, 0, 0]],
    ['10-20', [10, 0, 0]]
  ]);

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, {
    vAxis: {
      ticks: [
        [0, 0, 0],
        [4, 0, 0],
        [8, 0, 0],
        [12, 0, 0],
        [16, 0, 0],
        [20, 0, 0],
        [23, 59, 59],
      ],
      viewWindow: {
        min: [0, 0, 0],
        max: [23, 59, 59]
      }
    }
  });
});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;