javascript - 如何固定“timeofday”值在Google图表中的y轴？

目前，我的y轴如下所示：



这意味着它或多或少地仅与最高值一样高。有没有一种方法可以固定它，使其跨越整天00:00-23:59？

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

最佳答案

您可以使用-> vAxis.viewWindow.min和max

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

尽管可能没有显示最后一个标签，
图表将扩展到[23, 59, 59]

您可以添加-> ticks
保证显示最后一个标签

请参阅以下工作片段...

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

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

关于javascript - 如何固定“timeofday”值在Google图表中的y轴？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46853713/